@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,66 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { cn } from '../../../utils';
|
|
4
|
+
import { BlockChildrenWidthContainer, BlockGrid, Headline, SlimRichText, } from '../../../components';
|
|
5
|
+
const ProductBenefitsContainer = ({ children, headline, text, headlineActAs, }) => {
|
|
6
|
+
return (_jsxs(BlockGrid, { children: [(headline || text) && (_jsxs(BlockChildrenWidthContainer, { elementWidth: 'narrow', children: [_jsx(Headline, { headingLevel: "h3", actAs: headlineActAs, children: headline }), _jsx(SlimRichText, { text: text })] })), _jsx(BlockChildrenWidthContainer, { children: _jsx("div", { className: "flex flex-col gap-11", children: children }) })] }));
|
|
7
|
+
};
|
|
8
|
+
const rowTemplates = {
|
|
9
|
+
1: [1],
|
|
10
|
+
2: [2],
|
|
11
|
+
3: [3],
|
|
12
|
+
4: [1, 3],
|
|
13
|
+
5: [2, 3],
|
|
14
|
+
6: [3, 3],
|
|
15
|
+
7: [2, 2, 3],
|
|
16
|
+
8: [2, 3, 3],
|
|
17
|
+
9: [3, 3, 3],
|
|
18
|
+
10: [2, 2, 3, 3],
|
|
19
|
+
11: [2, 3, 3, 3],
|
|
20
|
+
12: [3, 3, 3, 3],
|
|
21
|
+
13: [2, 2, 3, 3, 3],
|
|
22
|
+
14: [2, 3, 3, 3, 3],
|
|
23
|
+
15: [3, 3, 3, 3, 3],
|
|
24
|
+
};
|
|
25
|
+
const getChildrenRows = (children) => {
|
|
26
|
+
const childrenArray = React.Children.toArray(children);
|
|
27
|
+
const childrenCount = childrenArray.length;
|
|
28
|
+
if (childrenCount === 0)
|
|
29
|
+
return [];
|
|
30
|
+
let rowTemplate = [];
|
|
31
|
+
// If childrenCount is greater than 15, combine the first 15 elements
|
|
32
|
+
// into rows array based on the rowsTemplate
|
|
33
|
+
// futher elements will take 3 columns
|
|
34
|
+
if (childrenCount > 15) {
|
|
35
|
+
const firstRowsElementsCount = (childrenCount %
|
|
36
|
+
15);
|
|
37
|
+
const restRowsElementsCount = childrenCount - firstRowsElementsCount;
|
|
38
|
+
rowTemplate = [
|
|
39
|
+
...rowTemplates[firstRowsElementsCount],
|
|
40
|
+
...Array.from({ length: restRowsElementsCount }).fill(3),
|
|
41
|
+
];
|
|
42
|
+
}
|
|
43
|
+
else
|
|
44
|
+
rowTemplate = rowTemplates[childrenCount];
|
|
45
|
+
const rows = [];
|
|
46
|
+
let startIndex = 0;
|
|
47
|
+
for (const columns of rowTemplate) {
|
|
48
|
+
const row = childrenArray.slice(startIndex, startIndex + columns);
|
|
49
|
+
rows.push(row);
|
|
50
|
+
startIndex += columns;
|
|
51
|
+
}
|
|
52
|
+
return rows;
|
|
53
|
+
};
|
|
54
|
+
const ProductBenefits = ({ children, ...props }) => {
|
|
55
|
+
const childrenRows = getChildrenRows(children);
|
|
56
|
+
const cols = {
|
|
57
|
+
1: 'xl:grid-cols-1 lg:[&_[data-benefit-single-item=true]:first-child]:[grid-column:span_2/span_2] xl:[&_[data-benefit-single-item=true]:first-child]:[grid-column:unset]',
|
|
58
|
+
2: 'xl:grid-cols-2',
|
|
59
|
+
3: 'xl:grid-cols-3 lg:[&_[data-benefit-single-item=true]:first-child]:[grid-column:span_3/span_3] xl:[&_[data-benefit-single-item=true]:first-child]:[grid-column:unset]',
|
|
60
|
+
};
|
|
61
|
+
return (_jsx("div", { children: _jsx("div", { className: cn('flex flex-col gap-6 gap-y-11'), ...props, children: childrenRows.map((row, index) => (_jsx("div", { className: cn('grid grid-cols-1 lg:grid-cols-2 gap-4 lg:gap-6', row.length === 1 &&
|
|
62
|
+
'xl:[&_[data-benefit-single-item=true]]:flex-row', cols[row.length], row.length === 1 &&
|
|
63
|
+
'xl:[&_[data-benefit-single-item=true]:not(:has(img))]:max-w-[75%]'), children: row }, index))) }) }));
|
|
64
|
+
};
|
|
65
|
+
export { ProductBenefits, ProductBenefitsContainer };
|
|
66
|
+
//# sourceMappingURL=ProductBenefits.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductBenefits.js","sourceRoot":"","sources":["../../../../src/web/product/productBenefits/ProductBenefits.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/web/product/productBenefits/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mBAAmB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/web/product/productBenefits/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type LinkButtonProps } from '../../../components';
|
|
3
|
+
export interface ContentSwitchProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
}
|
|
6
|
+
export interface ContentSwitchTabProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
7
|
+
active?: boolean;
|
|
8
|
+
icon?: React.ReactNode;
|
|
9
|
+
}
|
|
10
|
+
declare const ContentSwitchTab: React.FC<ContentSwitchTabProps>;
|
|
11
|
+
export interface ContentSwitchLinkButtonProps extends Omit<LinkButtonProps, 'variant' | 'size'> {
|
|
12
|
+
}
|
|
13
|
+
declare const ContentSwitchLinkButton: React.FC<ContentSwitchLinkButtonProps>;
|
|
14
|
+
export interface ContentSwitchTabsProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
15
|
+
children?: React.ReactNode;
|
|
16
|
+
}
|
|
17
|
+
declare const ContentSwitchTabs: React.FC<ContentSwitchTabsProps>;
|
|
18
|
+
export interface ContentSwitchCategoryLabelProps {
|
|
19
|
+
label?: string;
|
|
20
|
+
}
|
|
21
|
+
declare const ContentSwitchCategoryLabel: React.FC<ContentSwitchCategoryLabelProps>;
|
|
22
|
+
export interface ContentSwitchDividerProps {
|
|
23
|
+
}
|
|
24
|
+
declare const ContentSwitchDivider: React.FC<ContentSwitchDividerProps>;
|
|
25
|
+
declare const ContentSwitch: React.FC<ContentSwitchProps>;
|
|
26
|
+
export { ContentSwitch, ContentSwitchTabs, ContentSwitchTab, ContentSwitchLinkButton, ContentSwitchCategoryLabel, ContentSwitchDivider, };
|
|
27
|
+
//# sourceMappingURL=ContentSwitch.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ContentSwitch.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/contentSwitch/ContentSwitch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAuB,KAAK,eAAe,EAAC,MAAM,qBAAqB,CAAC;AAU/E,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAOD,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IAC/C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AASD,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAkCrD,CAAC;AAEF,MAAM,WAAW,4BACf,SAAQ,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,MAAM,CAAC;CAAG;AAEtD,QAAA,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAiBnE,CAAC;AAEF,MAAM,WAAW,sBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAQD,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAqBvD,CAAC;AAEF,MAAM,WAAW,+BAA+B;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CAazE,CAAC;AAEF,MAAM,WAAW,yBAAyB;CAAG;AAE7C,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAE7D,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyD/C,CAAC;AAEF,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,uBAAuB,EACvB,0BAA0B,EAC1B,oBAAoB,GACrB,CAAC"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { Transition } from '@headlessui/react';
|
|
5
|
+
import { BodyText, LinkButton } from '../../../components';
|
|
6
|
+
import { useElementSize } from '../../../hooks/useElementSize';
|
|
7
|
+
import { cn } from '../../../utils';
|
|
8
|
+
import { useBreakpoint } from '../../../hooks';
|
|
9
|
+
const StickyContext = React.createContext({
|
|
10
|
+
isSticky: false,
|
|
11
|
+
isStatic: true,
|
|
12
|
+
});
|
|
13
|
+
const contentSwitchClasses = `
|
|
14
|
+
font-text p-1.5 rounded-sm z-10 transition-all
|
|
15
|
+
flex gap-1 items-center lg:gap-4 flex-col lg:flex-row
|
|
16
|
+
`;
|
|
17
|
+
const contentSwitchTabClasses = `
|
|
18
|
+
relative rounded-full min-w-11 px-4 ease-in-out w-full lg:w-auto min-h-11 lg:min-h-element-height-lg outline-none
|
|
19
|
+
before:content-[""] before:absolute before:inset-0 before:rounded-full
|
|
20
|
+
before:outline before:outline-none before:focus:outline-border-accent
|
|
21
|
+
before:transition-all before:duration-150
|
|
22
|
+
`;
|
|
23
|
+
const ContentSwitchTab = ({ children, active, icon, className, ...props }) => {
|
|
24
|
+
const { isSticky, isStatic } = React.useContext(StickyContext);
|
|
25
|
+
return (_jsx("button", { className: cn(contentSwitchTabClasses, active
|
|
26
|
+
? 'before:bg-surface-brand before:hover:bg-interactions-brand-hover'
|
|
27
|
+
: 'before:bg-surface-primary before:hover:bg-field-hover', active &&
|
|
28
|
+
'first:before:animate-draeger-switch-button-right last:before:animate-draeger-switch-button-left before:z-10', className), tabIndex: isSticky && isStatic ? -1 : undefined, ...props, children: _jsxs("span", { className: cn('relative flex items-center justify-center gap-1 transition-all z-10', active ? 'text-text-invert' : 'text-text-primary'), children: [icon, children] }) }));
|
|
29
|
+
};
|
|
30
|
+
const ContentSwitchLinkButton = ({ iconLeft, ...props }) => {
|
|
31
|
+
const { isSticky, isStatic } = React.useContext(StickyContext);
|
|
32
|
+
const isMobilde = useBreakpoint('lg');
|
|
33
|
+
return (_jsx(LinkButton, { iconLeft: iconLeft, size: isMobilde ? 'md' : 'lg', variant: 'ghost', className: cn('shrink-0', !isStatic && 'invisible lg:visible'), tabIndex: isSticky && isStatic ? -1 : undefined, ...props }));
|
|
34
|
+
};
|
|
35
|
+
const contentSwitchTabsClasses = `
|
|
36
|
+
bg-surface-primary min-h-14 p-1.5 w-full rounded-full lg:w-auto transition-all overflow-hidden duration-300
|
|
37
|
+
flex justify-center gap-1.5
|
|
38
|
+
border border-border-primary
|
|
39
|
+
`;
|
|
40
|
+
const ContentSwitchTabs = ({ children, className, ...props }) => {
|
|
41
|
+
const { isSticky } = React.useContext(StickyContext);
|
|
42
|
+
return (_jsxs("div", { className: cn(className), ...props, children: [_jsx("div", { className: cn(contentSwitchTabsClasses, isSticky && 'shadow-draeger-elevation-2 lg:shadow-none'), children: children }), _jsx("div", { className: "self-stretch w-px bg-miscellaneous-divider" })] }));
|
|
43
|
+
};
|
|
44
|
+
const ContentSwitchCategoryLabel = ({ label, }) => {
|
|
45
|
+
const { isStatic } = React.useContext(StickyContext);
|
|
46
|
+
return (!isStatic &&
|
|
47
|
+
label && (_jsx(BodyText, { variant: 'small', className: "hidden pl-4 lg:block shrink-0", children: label })));
|
|
48
|
+
};
|
|
49
|
+
const ContentSwitchDivider = () => {
|
|
50
|
+
return _jsx("div", { className: "hidden w-px lg:block h-14 bg-miscellaneous-divider" });
|
|
51
|
+
};
|
|
52
|
+
const ContentSwitch = ({ children, ...props }) => {
|
|
53
|
+
const [isSticky, setIsSticky] = React.useState(false);
|
|
54
|
+
const stickyAnchorRef = React.useRef(null);
|
|
55
|
+
const [staticSwitcherRef, { height: staticSwitcherHeight }] = useElementSize();
|
|
56
|
+
React.useEffect(() => {
|
|
57
|
+
if (!stickyAnchorRef.current)
|
|
58
|
+
return;
|
|
59
|
+
const observer = new IntersectionObserver(([e]) => {
|
|
60
|
+
if (!e)
|
|
61
|
+
return;
|
|
62
|
+
setIsSticky(e.intersectionRatio < 1);
|
|
63
|
+
}, {
|
|
64
|
+
threshold: [0],
|
|
65
|
+
rootMargin: `${staticSwitcherHeight}px 0px 0px 0px`,
|
|
66
|
+
});
|
|
67
|
+
observer.observe(stickyAnchorRef.current);
|
|
68
|
+
return () => observer.disconnect();
|
|
69
|
+
}, [staticSwitcherHeight]);
|
|
70
|
+
return (_jsxs(_Fragment, { children: [_jsx("div", { ref: stickyAnchorRef, className: "invisible" }), _jsx("div", { className: cn(contentSwitchClasses, 'lg:justify-self-start transition-all', isSticky ? 'invisible opacity-0' : 'visible opacity-100'), ref: staticSwitcherRef, ...props, children: _jsx(StickyContext.Provider, { value: { isSticky, isStatic: true }, children: children }) }), _jsx("div", { className: "flex justify-center", children: _jsx(Transition, { show: isSticky, children: _jsx("div", { className: cn(contentSwitchClasses, 'lg:shadow-draeger-elevation-2 lg:bg-surface-primary', 'fixed top-4 transition-all duration-300 data-[closed]:duration-0 data-[closed]:opacity-0 data-[open]:opacity-100 ease-out data-[closed]:invisible'), ...props, children: _jsx(StickyContext.Provider, { value: { isSticky, isStatic: false }, children: children }) }) }) })] }));
|
|
71
|
+
};
|
|
72
|
+
export { ContentSwitch, ContentSwitchTabs, ContentSwitchTab, ContentSwitchLinkButton, ContentSwitchCategoryLabel, ContentSwitchDivider, };
|
|
73
|
+
//# sourceMappingURL=ContentSwitch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ContentSwitch.js","sourceRoot":"","sources":["../../../../src/web/productFinder/contentSwitch/ContentSwitch.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/contentSwitch/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/web/productFinder/contentSwitch/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
interface ProductFinderAccordionContextType {
|
|
3
|
+
activeItems: string[];
|
|
4
|
+
toggleItem: (item: string) => void;
|
|
5
|
+
}
|
|
6
|
+
export declare const ProductFinderAccordionContext: React.Context<ProductFinderAccordionContextType>;
|
|
7
|
+
export declare const ProductFinderAccordionItemContext: React.Context<string>;
|
|
8
|
+
export declare const useProductFinderAccordionItemContext: () => {
|
|
9
|
+
value: string;
|
|
10
|
+
isExpanded: boolean;
|
|
11
|
+
toggleItem: () => void;
|
|
12
|
+
};
|
|
13
|
+
export interface ProductFinderAccordionProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
14
|
+
defaultValues?: string[];
|
|
15
|
+
}
|
|
16
|
+
export interface ProductFinderAccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
17
|
+
value: string;
|
|
18
|
+
}
|
|
19
|
+
export interface ProductFinderAccordionItemWrapperProps extends Omit<ProductFinderAccordionItemProps, 'value'> {
|
|
20
|
+
}
|
|
21
|
+
export interface ProductFinderAccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
22
|
+
children?: React.ReactNode;
|
|
23
|
+
}
|
|
24
|
+
export interface ProductFinderAccordionItemToggleProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
25
|
+
selectedItems?: number;
|
|
26
|
+
}
|
|
27
|
+
declare const ProductFinderAccordion: React.FC<ProductFinderAccordionProps>;
|
|
28
|
+
declare const ProductFinderAccordionItemToggle: React.FC<ProductFinderAccordionItemToggleProps>;
|
|
29
|
+
declare const ProductFinderAccordionItem: React.FC<ProductFinderAccordionItemProps>;
|
|
30
|
+
declare const ProductFinderAccordionContent: React.FC<ProductFinderAccordionContentProps>;
|
|
31
|
+
export { ProductFinderAccordion, ProductFinderAccordionItem, ProductFinderAccordionContent, ProductFinderAccordionItemToggle, };
|
|
32
|
+
//# sourceMappingURL=ProductFinderAccordion.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductFinderAccordion.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/filter/ProductFinderAccordion.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,UAAU,iCAAiC;IACzC,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,6BAA6B,kDAItC,CAAC;AAEL,eAAO,MAAM,iCAAiC,uBAA0B,CAAC;AAEzE,eAAO,MAAM,oCAAoC;;;;CAShD,CAAC;AAEF,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;CAC1B;AAED,MAAM,WAAW,+BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,sCACf,SAAQ,IAAI,CAAC,+BAA+B,EAAE,OAAO,CAAC;CAAG;AAE3D,MAAM,WAAW,kCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,qCACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA2BjE,CAAC;AAUF,QAAA,MAAM,gCAAgC,EAAE,KAAK,CAAC,EAAE,CAC9C,qCAAqC,CA+CtC,CAAC;AAEF,QAAA,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CAWvE,CAAC;AAoBJ,QAAA,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAC3C,kCAAkC,CA4BnC,CAAC;AAEF,OAAO,EACL,sBAAsB,EACtB,0BAA0B,EAC1B,6BAA6B,EAC7B,gCAAgC,GACjC,CAAC"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { cn } from '../../../utils';
|
|
5
|
+
import { useElementSize } from '../../../hooks/useElementSize';
|
|
6
|
+
import { Badge, BodyText, Icon, NumberBage } from '../../../components';
|
|
7
|
+
export const ProductFinderAccordionContext = React.createContext({
|
|
8
|
+
activeItems: [],
|
|
9
|
+
toggleItem: () => { },
|
|
10
|
+
});
|
|
11
|
+
export const ProductFinderAccordionItemContext = React.createContext('');
|
|
12
|
+
export const useProductFinderAccordionItemContext = () => {
|
|
13
|
+
const value = React.useContext(ProductFinderAccordionItemContext);
|
|
14
|
+
const { activeItems, toggleItem } = React.useContext(ProductFinderAccordionContext);
|
|
15
|
+
const isExpanded = activeItems.includes(value);
|
|
16
|
+
return { value, isExpanded, toggleItem: () => toggleItem(value) };
|
|
17
|
+
};
|
|
18
|
+
const ProductFinderAccordion = ({ defaultValues = [], children, className, ...props }) => {
|
|
19
|
+
const [activeItems, setActiveItems] = React.useState(defaultValues);
|
|
20
|
+
const toggleItem = (item) => {
|
|
21
|
+
if (activeItems.includes(item)) {
|
|
22
|
+
const updatedItems = activeItems.filter(existingItem => existingItem !== item);
|
|
23
|
+
setActiveItems(updatedItems);
|
|
24
|
+
}
|
|
25
|
+
else {
|
|
26
|
+
setActiveItems([...activeItems, item]);
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
return (children && (_jsx(ProductFinderAccordionContext.Provider, { value: { activeItems, toggleItem }, children: _jsx("div", { ...props, className: cn('font-text flex flex-col', className), children: children }) })));
|
|
30
|
+
};
|
|
31
|
+
const productFinderAccordionItemToggleClasses = `
|
|
32
|
+
w-full h-full px-2 py-1.5 align-middle transition-all
|
|
33
|
+
flex items-center justify-between grow
|
|
34
|
+
rounded-lg rounded-controls
|
|
35
|
+
hover:bg-field-hover disabled:pointer-events-none
|
|
36
|
+
focus:outline-none focus:ring-1 focus:ring-draeger-air-blue-250
|
|
37
|
+
`;
|
|
38
|
+
const ProductFinderAccordionItemToggle = ({ className, selectedItems, children, ...props }) => {
|
|
39
|
+
const { isExpanded, value, toggleItem } = useProductFinderAccordionItemContext();
|
|
40
|
+
return (_jsx("div", { className: cn('flex flex-col w-full min-h-12 h-full cursor-pointer py-1 transition-shadow group', className), children: _jsxs("button", { ...props, "aria-expanded": isExpanded, id: `trigger_${value}`, "aria-controls": `panel_${value}`, onClick: toggleItem, className: cn(productFinderAccordionItemToggleClasses), tabIndex: 0, children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(BodyText, { className: cn('text-left'), children: children }), selectedItems && (_jsx(Badge, { badgeContent: _jsx(NumberBage, { className: "relative top-0 right-0", variant: 'darkBlue', badgeContent: selectedItems }) }))] }), _jsx("div", { className: "ml-auto justify-self-end", children: _jsx(Icon, { size: 'md', name: "core::chevron-down", center: "vertical", className: 'ml-4 transition-all duration-100 group-aria-expanded:rotate-180' }) })] }) }));
|
|
41
|
+
};
|
|
42
|
+
const ProductFinderAccordionItem = ({ children, value, ...props }) => children && (_jsx(ProductFinderAccordionItemContext.Provider, { value: value, children: _jsx(ProductFinderAccordionItemWrapper, { ...props, children: children }) }));
|
|
43
|
+
const ProductFinderAccordionItemWrapper = ({ className, children, ...props }) => {
|
|
44
|
+
return (_jsx("div", { ...props, className: cn('border-b border-[#DDE5EE] text-draeger-dark-gray transition-all', className), children: children }));
|
|
45
|
+
};
|
|
46
|
+
ProductFinderAccordionItem.displayName = 'ProductFinderAccordionItem';
|
|
47
|
+
const ProductFinderAccordionContent = ({ children }) => {
|
|
48
|
+
const { isExpanded, value } = useProductFinderAccordionItemContext();
|
|
49
|
+
const [ref, { height: contentHeight }] = useElementSize([isExpanded]);
|
|
50
|
+
if (!children)
|
|
51
|
+
return;
|
|
52
|
+
return (_jsx("div", { className: cn('transition-all duration-300 ease-in-out px-2 overflow-hidden', isExpanded ? 'opacity-100 pb-6 pt-2' : 'opacity-0'), role: "region", id: `panel_${value}`, "aria-labelledby": `trigger_${value}`, ...(isExpanded ? {} : { inert: '' }), children: _jsx("div", { className: cn('transition-[height] duration-300 ease-in-out'), style: { height: isExpanded ? `${contentHeight}px` : '0' }, children: _jsx("div", { ref: ref, "aria-hidden": !isExpanded, children: children }) }) }));
|
|
53
|
+
};
|
|
54
|
+
export { ProductFinderAccordion, ProductFinderAccordionItem, ProductFinderAccordionContent, ProductFinderAccordionItemToggle, };
|
|
55
|
+
//# sourceMappingURL=ProductFinderAccordion.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductFinderAccordion.js","sourceRoot":"","sources":["../../../../src/web/productFinder/filter/ProductFinderAccordion.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,cAAc,EAAC,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAC,MAAM,qBAAqB,CAAC;AAOtE,MAAM,CAAC,MAAM,6BAA6B,GACxC,KAAK,CAAC,aAAa,CAAoC;IACrD,WAAW,EAAE,EAAE;IACf,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;CACrB,CAAC,CAAC;AAEL,MAAM,CAAC,MAAM,iCAAiC,GAAG,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;AAEzE,MAAM,CAAC,MAAM,oCAAoC,GAAG,GAAG,EAAE;IACvD,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAiC,CAAC,CAAC;IAClE,MAAM,EAAC,WAAW,EAAE,UAAU,EAAC,GAAG,KAAK,CAAC,UAAU,CAChD,6BAA6B,CAC9B,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE/C,OAAO,EAAC,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAC,CAAC;AAClE,CAAC,CAAC;AAyBF,MAAM,sBAAsB,GAA0C,CAAC,EACrE,aAAa,GAAG,EAAE,EAClB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IACpE,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,EAAE;QAClC,IAAI,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;YAC/B,MAAM,YAAY,GAAG,WAAW,CAAC,MAAM,CACrC,YAAY,CAAC,EAAE,CAAC,YAAY,KAAK,IAAI,CACtC,CAAC;YACF,cAAc,CAAC,YAAY,CAAC,CAAC;QAC/B,CAAC;aAAM,CAAC;YACN,cAAc,CAAC,CAAC,GAAG,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC;QACzC,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,QAAQ,IAAI,CACV,KAAC,6BAA6B,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,WAAW,EAAE,UAAU,EAAC,YACtE,iBAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,YAChE,QAAQ,GACL,GACiC,CAC1C,CACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,uCAAuC,GAAG;;;;;;CAM/C,CAAC;AAEF,MAAM,gCAAgC,GAElC,CAAC,EAAC,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IACrD,MAAM,EAAC,UAAU,EAAE,KAAK,EAAE,UAAU,EAAC,GACnC,oCAAoC,EAAE,CAAC;IACzC,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,kFAAkF,EAClF,SAAS,CACV,YAED,qBACM,KAAK,mBACM,UAAU,EACzB,EAAE,EAAE,WAAW,KAAK,EAAE,mBACP,SAAS,KAAK,EAAE,EAC/B,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,EAAE,CAAC,uCAAuC,CAAC,EACtD,QAAQ,EAAE,CAAC,aAEX,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,QAAQ,IAAC,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,YAAG,QAAQ,GAAY,EAC1D,aAAa,IAAI,CAChB,KAAC,KAAK,IACJ,YAAY,EACV,KAAC,UAAU,IACT,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAE,UAAU,EACnB,YAAY,EAAE,aAAa,GAC3B,GAEJ,CACH,IACG,EACN,cAAK,SAAS,EAAC,0BAA0B,YACvC,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,oBAAoB,EACzB,MAAM,EAAC,UAAU,EACjB,SAAS,EACP,iEAAiE,GAEnE,GACE,IACC,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,0BAA0B,GAA8C,CAAC,EAC7E,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE,CACH,QAAQ,IAAI,CACV,KAAC,iCAAiC,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACtD,KAAC,iCAAiC,OAAK,KAAK,YACzC,QAAQ,GACyB,GACO,CAC9C,CAAC;AAEJ,MAAM,iCAAiC,GAEnC,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IACtC,OAAO,CACL,iBACM,KAAK,EACT,SAAS,EAAE,EAAE,CACX,iEAAiE,EACjE,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,0BAA0B,CAAC,WAAW,GAAG,4BAA4B,CAAC;AAEtE,MAAM,6BAA6B,GAE/B,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IACjB,MAAM,EAAC,UAAU,EAAE,KAAK,EAAC,GAAG,oCAAoC,EAAE,CAAC;IACnE,MAAM,CAAC,GAAG,EAAE,EAAC,MAAM,EAAE,aAAa,EAAC,CAAC,GAAG,cAAc,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;IAEpE,IAAI,CAAC,QAAQ;QAAE,OAAO;IAEtB,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,8DAA8D,EAC9D,UAAU,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,WAAW,CACnD,EACD,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,SAAS,KAAK,EAAE,qBACH,WAAW,KAAK,EAAE,KAC/B,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAC,KAAK,EAAE,EAAE,EAAC,CAAC,YAEnC,cACE,SAAS,EAAE,EAAE,CAAC,8CAA8C,CAAC,EAC7D,KAAK,EAAE,EAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,aAAa,IAAI,CAAC,CAAC,CAAC,GAAG,EAAC,YAExD,cAAK,GAAG,EAAE,GAAG,iBAAe,CAAC,UAAU,YACpC,QAAQ,GACL,GACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EACL,sBAAsB,EACtB,0BAA0B,EAC1B,6BAA6B,EAC7B,gCAAgC,GACjC,CAAC"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type LinkProps, type SheetTriggerButtonProps, type HeadlineProps } from '../../../components';
|
|
3
|
+
import { LinkComponent, LinkComponentProps } from '../../../utils';
|
|
4
|
+
export interface ProductFinderDrawerTriggerButtonProps extends SheetTriggerButtonProps {
|
|
5
|
+
}
|
|
6
|
+
declare const ProductFinderDrawerTriggerButton: React.FC<ProductFinderDrawerTriggerButtonProps>;
|
|
7
|
+
export interface DrawerTriggerButtonProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
}
|
|
10
|
+
export interface ProductFinderMobileNavProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
11
|
+
}
|
|
12
|
+
declare const ProductFinderMobileNav: React.FC<ProductFinderMobileNavProps>;
|
|
13
|
+
export interface ProductFinderMobileNavHeadlineProps extends Omit<HeadlineProps, 'headingLevel'> {
|
|
14
|
+
}
|
|
15
|
+
declare const ProductFinderMobileNavHeadline: React.FC<ProductFinderMobileNavHeadlineProps>;
|
|
16
|
+
export interface ProductFinderMobileNavItemsProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
17
|
+
}
|
|
18
|
+
declare const ProductFinderMobileNavItems: React.FC<ProductFinderMobileNavItemsProps>;
|
|
19
|
+
export interface ProductFinderMobileNavItemProps extends LinkComponent, LinkComponentProps {
|
|
20
|
+
hasSubItems?: boolean;
|
|
21
|
+
children?: React.ReactNode;
|
|
22
|
+
}
|
|
23
|
+
declare const ProductFinderMobileNavItem: React.FC<ProductFinderMobileNavItemProps>;
|
|
24
|
+
export interface ProductFinderMobileNavAlternateItemProps extends Omit<LinkProps, 'className' | 'variant'> {
|
|
25
|
+
}
|
|
26
|
+
declare const ProductFinderMobileNavAlternateItem: React.FC<ProductFinderMobileNavAlternateItemProps>;
|
|
27
|
+
export interface ProductFinderDrawerRootLayerProps {
|
|
28
|
+
children?: React.ReactNode;
|
|
29
|
+
triggerElement: React.ReactNode;
|
|
30
|
+
label?: string;
|
|
31
|
+
actionElements?: React.ReactNode;
|
|
32
|
+
}
|
|
33
|
+
declare const ProductFinderDrawerRootLayer: React.FC<ProductFinderDrawerRootLayerProps>;
|
|
34
|
+
export interface ProductFinderDrawerLayerProps {
|
|
35
|
+
children?: React.ReactNode;
|
|
36
|
+
triggerElement: React.ReactNode;
|
|
37
|
+
name: string;
|
|
38
|
+
label: string;
|
|
39
|
+
}
|
|
40
|
+
declare const ProductFinderDrawerLayer: React.FC<ProductFinderDrawerLayerProps>;
|
|
41
|
+
export interface ProductFinderActiveFilterProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
42
|
+
}
|
|
43
|
+
declare const ProductFinderActiveFilter: React.FC<ProductFinderActiveFilterProps>;
|
|
44
|
+
export { ProductFinderDrawerRootLayer, ProductFinderDrawerLayer, ProductFinderDrawerTriggerButton, ProductFinderMobileNav, ProductFinderMobileNavHeadline, ProductFinderMobileNavItems, ProductFinderMobileNavItem, ProductFinderMobileNavAlternateItem, ProductFinderActiveFilter, };
|
|
45
|
+
//# sourceMappingURL=ProductFinderFilter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductFinderFilter.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/filter/ProductFinderFilter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EASL,KAAK,SAAS,EACd,KAAK,uBAAuB,EAC5B,KAAK,aAAa,EACnB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAK,aAAa,EAAE,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAGrE,MAAM,WAAW,qCACf,SAAQ,uBAAuB;CAAG;AAEpC,QAAA,MAAM,gCAAgC,EAAE,KAAK,CAAC,EAAE,CAC9C,qCAAqC,CAC6B,CAAC;AAErE,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAcD,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAEjE,CAAC;AAEF,MAAM,WAAW,mCACf,SAAQ,IAAI,CAAC,aAAa,EAAE,cAAc,CAAC;CAAG;AAEhD,QAAA,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAC5C,mCAAmC,CAOpC,CAAC;AAEF,MAAM,WAAW,gCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CACzC,gCAAgC,CAGjC,CAAC;AAEF,MAAM,WAAW,+BACf,SAAQ,aAAa,EACnB,kBAAkB;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CAyBzE,CAAC;AAEF,MAAM,WAAW,wCACf,SAAQ,IAAI,CAAC,SAAS,EAAE,WAAW,GAAG,SAAS,CAAC;CAAG;AAErD,QAAA,MAAM,mCAAmC,EAAE,KAAK,CAAC,EAAE,CACjD,wCAAwC,CAGzC,CAAC;AAEF,MAAM,WAAW,iCAAiC;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC;AAED,QAAA,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAC1C,iCAAiC,CA6DlC,CAAC;AAEF,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAwCrE,CAAC;AAEF,MAAM,WAAW,8BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAOvE,CAAC;AAEF,OAAO,EACL,4BAA4B,EAC5B,wBAAwB,EACxB,gCAAgC,EAChC,sBAAsB,EACtB,8BAA8B,EAC9B,2BAA2B,EAC3B,0BAA0B,EAC1B,mCAAmC,EACnC,yBAAyB,GAC1B,CAAC"}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { BodyText, Headline, Button, Icon, Link, Sheet, SheetContent, SheetTriggerButton, } from '../../../components';
|
|
5
|
+
import { cn } from '../../../utils';
|
|
6
|
+
import { Transition, TransitionChild } from '@headlessui/react';
|
|
7
|
+
const ProductFinderDrawerTriggerButton = props => _jsx(SheetTriggerButton, { className: "lg:hidden", ...props });
|
|
8
|
+
const LayersContext = React.createContext({
|
|
9
|
+
layers: [],
|
|
10
|
+
appendLayer: () => { },
|
|
11
|
+
removeLayer: () => { },
|
|
12
|
+
});
|
|
13
|
+
const ProductFinderMobileNav = props => {
|
|
14
|
+
return _jsx("div", { className: "flex flex-col gap-10", ...props });
|
|
15
|
+
};
|
|
16
|
+
const ProductFinderMobileNavHeadline = headlineProps => {
|
|
17
|
+
return (_jsx("div", { className: "py-4", children: _jsx(Headline, { headingLevel: "h4", ...headlineProps }) }));
|
|
18
|
+
};
|
|
19
|
+
const ProductFinderMobileNavItems = props => {
|
|
20
|
+
return _jsx("div", { className: "flex flex-col gap-4", ...props });
|
|
21
|
+
};
|
|
22
|
+
const ProductFinderMobileNavItem = ({ LinkComponent = 'a', hasSubItems, children, ...props }) => {
|
|
23
|
+
return (_jsx(BodyText, { asChild: true, children: _jsxs(LinkComponent, { ...props, className: cn('pt-1 pb-0.5 flex items-center justify-between cursor-pointer'), children: [children, hasSubItems && (_jsx(Button, { variant: 'ghost', iconButtonStyle: "brand", iconLeft: _jsx(Icon, { name: "core::chevron-right", size: 'md' }) }))] }) }));
|
|
24
|
+
};
|
|
25
|
+
const ProductFinderMobileNavAlternateItem = props => {
|
|
26
|
+
return _jsx(Link, { className: "my-3", variant: 'secondary', ...props });
|
|
27
|
+
};
|
|
28
|
+
const ProductFinderDrawerRootLayer = ({ children, triggerElement, label, actionElements }) => {
|
|
29
|
+
const [layers, setLayers] = React.useState([]);
|
|
30
|
+
const rootLayerRef = React.useRef(null);
|
|
31
|
+
const headline = layers[layers.length - 1]?.label || label;
|
|
32
|
+
const isTopLayer = layers.length === 0;
|
|
33
|
+
const appendLayer = React.useCallback((newLayer) => {
|
|
34
|
+
!layers.find(layer => layer.name === newLayer.name) &&
|
|
35
|
+
setLayers([...layers, newLayer]);
|
|
36
|
+
}, [layers]);
|
|
37
|
+
const removeLayer = React.useCallback((newLayer) => {
|
|
38
|
+
setLayers(layers.filter(layer => layer.name !== newLayer.name));
|
|
39
|
+
}, [layers]);
|
|
40
|
+
React.useEffect(() => {
|
|
41
|
+
setTimeout(() => {
|
|
42
|
+
// Scroll to top of the layer once transition is done
|
|
43
|
+
rootLayerRef.current?.scrollTo({ top: 0, behavior: 'smooth' });
|
|
44
|
+
}, 300);
|
|
45
|
+
}, [layers]);
|
|
46
|
+
return (_jsx(Sheet, { triggerElement: triggerElement, headline: headline, withBackButton: !isTopLayer, onBackButtonClick: () => {
|
|
47
|
+
const topLayerName = layers[layers.length - 1];
|
|
48
|
+
if (!isTopLayer && topLayerName) {
|
|
49
|
+
removeLayer(topLayerName);
|
|
50
|
+
}
|
|
51
|
+
}, onOpenChange: open => {
|
|
52
|
+
if (!open) {
|
|
53
|
+
setLayers([]);
|
|
54
|
+
}
|
|
55
|
+
}, actionElements: actionElements, children: _jsx(LayersContext.Provider, { value: {
|
|
56
|
+
layers,
|
|
57
|
+
appendLayer,
|
|
58
|
+
removeLayer,
|
|
59
|
+
}, children: _jsx(SheetContent, { ref: rootLayerRef, children: _jsx("div", { className: "relative p-0.5", children: children }) }) }) }));
|
|
60
|
+
};
|
|
61
|
+
const ProductFinderDrawerLayer = ({ children, triggerElement, name, label, }) => {
|
|
62
|
+
const { layers, appendLayer } = React.useContext(LayersContext);
|
|
63
|
+
const isVisible = !!layers.find(layer => layer.name === name);
|
|
64
|
+
const isPreTopLayer = layers[layers.length - 2]?.name === name;
|
|
65
|
+
const layerData = {
|
|
66
|
+
name,
|
|
67
|
+
label,
|
|
68
|
+
};
|
|
69
|
+
return (_jsxs("div", { className: cn(isPreTopLayer && 'hidden'), onClick: () => appendLayer(layerData), tabIndex: isPreTopLayer ? 0 : -1, children: [triggerElement, _jsxs(Transition, { show: isVisible, as: 'div', children: [_jsx(TransitionChild, { children: _jsx("div", { className: "absolute top-0 left-0 w-full h-full p-[inherit] inset-0 bg-draeger-white transition duration-300 ease-in-out data-[closed]:opacity-0" }) }), _jsx(TransitionChild, { as: 'div', className: cn('z-10 absolute top-0 left-0 w-full h-full p-[inherit] bg-draeger-white transition duration-300 ease-in-out translate-x-0 data-[closed]:translate-x-full data-[closed]:opacity-0 opacity-100'), "data-layer": name, children: children })] })] }));
|
|
70
|
+
};
|
|
71
|
+
const ProductFinderActiveFilter = ({ className, ...props }) => {
|
|
72
|
+
return (_jsx("div", { className: cn('flex flex-wrap gap-2 pb-2', className), ...props }));
|
|
73
|
+
};
|
|
74
|
+
export { ProductFinderDrawerRootLayer, ProductFinderDrawerLayer, ProductFinderDrawerTriggerButton, ProductFinderMobileNav, ProductFinderMobileNavHeadline, ProductFinderMobileNavItems, ProductFinderMobileNavItem, ProductFinderMobileNavAlternateItem, ProductFinderActiveFilter, };
|
|
75
|
+
//# sourceMappingURL=ProductFinderFilter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductFinderFilter.js","sourceRoot":"","sources":["../../../../src/web/productFinder/filter/ProductFinderFilter.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,kBAAkB,GAInB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAC,EAAE,EAAoC,MAAM,gBAAgB,CAAC;AACrE,OAAO,EAAC,UAAU,EAAE,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAK9D,MAAM,gCAAgC,GAElC,KAAK,CAAC,EAAE,CAAC,KAAC,kBAAkB,IAAC,SAAS,EAAC,WAAW,KAAK,KAAK,GAAI,CAAC;AASrE,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAItC;IACD,MAAM,EAAE,EAAE;IACV,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;IACrB,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;CACtB,CAAC,CAAC;AAKH,MAAM,sBAAsB,GAA0C,KAAK,CAAC,EAAE;IAC5E,OAAO,cAAK,SAAS,EAAC,sBAAsB,KAAK,KAAK,GAAI,CAAC;AAC7D,CAAC,CAAC;AAKF,MAAM,8BAA8B,GAEhC,aAAa,CAAC,EAAE;IAClB,OAAO,CACL,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,KAAK,aAAa,GAAI,GAC7C,CACP,CAAC;AACJ,CAAC,CAAC;AAKF,MAAM,2BAA2B,GAE7B,KAAK,CAAC,EAAE;IACV,OAAO,cAAK,SAAS,EAAC,qBAAqB,KAAK,KAAK,GAAI,CAAC;AAC5D,CAAC,CAAC;AASF,MAAM,0BAA0B,GAA8C,CAAC,EAC7E,aAAa,GAAG,GAAG,EACnB,WAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,QAAQ,IAAC,OAAO,kBACf,MAAC,aAAa,OACR,KAAK,EACT,SAAS,EAAE,EAAE,CACX,8DAA8D,CAC/D,aAEA,QAAQ,EACR,WAAW,IAAI,CACd,KAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,eAAe,EAAC,OAAO,EACvB,QAAQ,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,qBAAqB,EAAC,IAAI,EAAE,IAAI,GAAI,GACzD,CACH,IACa,GACP,CACZ,CAAC;AACJ,CAAC,CAAC;AAKF,MAAM,mCAAmC,GAErC,KAAK,CAAC,EAAE;IACV,OAAO,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAE,WAAW,KAAM,KAAK,GAAI,CAAC;AACpE,CAAC,CAAC;AASF,MAAM,4BAA4B,GAE9B,CAAC,EAAC,QAAQ,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAC,EAAE,EAAE;IACxD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAc,EAAE,CAAC,CAAC;IAC5D,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxD,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,KAAK,IAAI,KAAK,CAAC;IAE3D,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC;IAEvC,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,QAAmB,EAAE,EAAE;QACtB,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI,CAAC;YACjD,SAAS,CAAC,CAAC,GAAG,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IACrC,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,QAAmB,EAAE,EAAE;QACtB,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;IAClE,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,UAAU,CAAC,GAAG,EAAE;YACd,qDAAqD;YACrD,YAAY,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAC,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAC,CAAC,CAAC;QAC/D,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACL,KAAC,KAAK,IACJ,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,CAAC,UAAU,EAC3B,iBAAiB,EAAE,GAAG,EAAE;YACtB,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YAC/C,IAAI,CAAC,UAAU,IAAI,YAAY,EAAE,CAAC;gBAChC,WAAW,CAAC,YAAY,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC,EACD,YAAY,EAAE,IAAI,CAAC,EAAE;YACnB,IAAI,CAAC,IAAI,EAAE,CAAC;gBACV,SAAS,CAAC,EAAE,CAAC,CAAC;YAChB,CAAC;QACH,CAAC,EACD,cAAc,EAAE,cAAc,YAE9B,KAAC,aAAa,CAAC,QAAQ,IACrB,KAAK,EAAE;gBACL,MAAM;gBACN,WAAW;gBACX,WAAW;aACZ,YAED,KAAC,YAAY,IAAC,GAAG,EAAE,YAAY,YAC7B,cAAK,SAAS,EAAC,gBAAgB,YAAE,QAAQ,GAAO,GACnC,GACQ,GACnB,CACT,CAAC;AACJ,CAAC,CAAC;AASF,MAAM,wBAAwB,GAA4C,CAAC,EACzE,QAAQ,EACR,cAAc,EACd,IAAI,EACJ,KAAK,GACN,EAAE,EAAE;IACH,MAAM,EAAC,MAAM,EAAE,WAAW,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAE9D,MAAM,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC;IAC9D,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IAE/D,MAAM,SAAS,GAAc;QAC3B,IAAI;QACJ,KAAK;KACN,CAAC;IAEF,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,aAAa,IAAI,QAAQ,CAAC,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC,EACrC,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAE/B,cAAc,EACf,MAAC,UAAU,IAAC,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,aACpC,KAAC,eAAe,cACd,cAAK,SAAS,EAAC,sIAAsI,GAAG,GACxI,EAElB,KAAC,eAAe,IACd,EAAE,EAAE,KAAK,EACT,SAAS,EAAE,EAAE,CACX,4LAA4L,CAC7L,gBACW,IAAI,YAEf,QAAQ,GACO,IACP,IACT,CACP,CAAC;AACJ,CAAC,CAAC;AAKF,MAAM,yBAAyB,GAA6C,CAAC,EAC3E,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC1E,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EACL,4BAA4B,EAC5B,wBAAwB,EACxB,gCAAgC,EAChC,sBAAsB,EACtB,8BAA8B,EAC9B,2BAA2B,EAC3B,0BAA0B,EAC1B,mCAAmC,EACnC,yBAAyB,GAC1B,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export interface ProductFinderLeftPanelProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
2
|
+
children?: React.ReactNode;
|
|
3
|
+
}
|
|
4
|
+
declare const ProductFinderLeftPanel: React.FC<ProductFinderLeftPanelProps>;
|
|
5
|
+
export interface ProductFinderTopPanelProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
}
|
|
8
|
+
declare const ProductFinderTopPanel: React.FC<ProductFinderTopPanelProps>;
|
|
9
|
+
export { ProductFinderLeftPanel, ProductFinderTopPanel };
|
|
10
|
+
//# sourceMappingURL=ProductFinderSidePanel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductFinderSidePanel.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/filter/ProductFinderSidePanel.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAUjE,CAAC;AAEF,MAAM,WAAW,0BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAU/D,CAAC;AAEF,OAAO,EAAC,sBAAsB,EAAE,qBAAqB,EAAC,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from '../../../utils';
|
|
3
|
+
const ProductFinderLeftPanel = ({ className, ...props }) => {
|
|
4
|
+
return (_jsx("div", { className: cn('flex-col justify-between hidden gap-4 lg:flex', className), ...props }));
|
|
5
|
+
};
|
|
6
|
+
const ProductFinderTopPanel = ({ className, ...props }) => {
|
|
7
|
+
return (_jsx("div", { className: cn('flex justify-between lg:hidden', className), ...props }));
|
|
8
|
+
};
|
|
9
|
+
export { ProductFinderLeftPanel, ProductFinderTopPanel };
|
|
10
|
+
//# sourceMappingURL=ProductFinderSidePanel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductFinderSidePanel.js","sourceRoot":"","sources":["../../../../src/web/productFinder/filter/ProductFinderSidePanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAOlC,MAAM,sBAAsB,GAA0C,CAAC,EACrE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,+CAA+C,EAAE,SAAS,CAAC,KACrE,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAOF,MAAM,qBAAqB,GAAyC,CAAC,EACnE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,SAAS,CAAC,KACtD,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,sBAAsB,EAAE,qBAAqB,EAAC,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export interface ProductFinderSubstanceSearchItemsProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
2
|
+
}
|
|
3
|
+
declare const ProductFinderSubstanceSearchItems: React.FC<ProductFinderSubstanceSearchItemsProps>;
|
|
4
|
+
export interface ProductFinderSubstanceSearchItemProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
5
|
+
}
|
|
6
|
+
declare const ProductFinderSubstanceSearchItem: React.FC<ProductFinderSubstanceSearchItemProps>;
|
|
7
|
+
export interface ProductFinderSubstanceSearchProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
8
|
+
}
|
|
9
|
+
declare const ProductFinderSubstanceSearch: React.FC<ProductFinderSubstanceSearchProps>;
|
|
10
|
+
export interface ProductFinderSubstanceCardProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
11
|
+
headline: string;
|
|
12
|
+
textInfos?: string[];
|
|
13
|
+
onClose: () => void;
|
|
14
|
+
}
|
|
15
|
+
declare const ProductFinderSubstanceCard: React.FC<ProductFinderSubstanceCardProps>;
|
|
16
|
+
export { ProductFinderSubstanceSearch, ProductFinderSubstanceSearchItem, ProductFinderSubstanceSearchItems, ProductFinderSubstanceCard, };
|
|
17
|
+
//# sourceMappingURL=ProductFinderSubstanceSearch.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductFinderSubstanceSearch.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/filter/ProductFinderSubstanceSearch.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,sCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,iCAAiC,EAAE,KAAK,CAAC,EAAE,CAC/C,sCAAsC,CAKvC,CAAC;AAOF,MAAM,WAAW,qCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;CAAG;AAEpD,QAAA,MAAM,gCAAgC,EAAE,KAAK,CAAC,EAAE,CAC9C,qCAAqC,CAWtC,CAAC;AAEF,MAAM,WAAW,iCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAC1C,iCAAiC,CAKlC,CAAC;AAEF,MAAM,WAAW,+BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CAoCzE,CAAC;AAEF,OAAO,EACL,4BAA4B,EAC5B,gCAAgC,EAChC,iCAAiC,EACjC,0BAA0B,GAC3B,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { BodyText, Button, Headline, Icon } from '../../../components';
|
|
3
|
+
import { cn } from '../../../utils';
|
|
4
|
+
const ProductFinderSubstanceSearchItems = ({ className, ...props }) => {
|
|
5
|
+
return (_jsx("div", { className: cn('flex flex-col items-stretch', className), ...props }));
|
|
6
|
+
};
|
|
7
|
+
const productFinderSubstanceSearchItemClasses = `
|
|
8
|
+
flex items-center gap-2 py-2.5 px-1.5 text-left border-b border-draeger-cool-gray-100 transition-all mb-px
|
|
9
|
+
outline outline-transparent outline-1 focus:outline-border-accent hover:bg-surface-hover disabled:text-draeger-cool-gray-250
|
|
10
|
+
`;
|
|
11
|
+
const ProductFinderSubstanceSearchItem = ({ className, ...props }) => {
|
|
12
|
+
return (_jsx(BodyText, { asChild: true, variant: 'small', className: "text-draeger-dark-gray", children: _jsx("button", { tabIndex: 0, className: cn(productFinderSubstanceSearchItemClasses, className), ...props }) }));
|
|
13
|
+
};
|
|
14
|
+
const ProductFinderSubstanceSearch = ({ className, ...props }) => {
|
|
15
|
+
return (_jsx("div", { className: cn('flex flex-col gap-6 p-px', className), ...props }));
|
|
16
|
+
};
|
|
17
|
+
const ProductFinderSubstanceCard = ({ headline, textInfos, onClose, className, ...props }) => {
|
|
18
|
+
return (_jsxs("div", { className: cn('flex items-start gap-6 border border-border-primary bg-surface-tertiary rounded-[4px] p-4 justify-between', className), ...props, children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Headline, { headingLevel: "h6", spacingBottom: false, children: headline }), _jsx("div", { children: textInfos?.map((textInfo, index) => (_jsx(BodyText, { variant: 'small', children: textInfo }, index))) })] }), _jsx(Button, { iconSize: 'xs', iconButtonStyle: "brand", variant: 'ghost', onClick: onClose, iconLeft: _jsx(Icon, { name: "core::close", size: 'md' }) })] }));
|
|
19
|
+
};
|
|
20
|
+
export { ProductFinderSubstanceSearch, ProductFinderSubstanceSearchItem, ProductFinderSubstanceSearchItems, ProductFinderSubstanceCard, };
|
|
21
|
+
//# sourceMappingURL=ProductFinderSubstanceSearch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductFinderSubstanceSearch.js","sourceRoot":"","sources":["../../../../src/web/productFinder/filter/ProductFinderSubstanceSearch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAC,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAKlC,MAAM,iCAAiC,GAEnC,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IAC5B,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC5E,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,uCAAuC,GAAG;;;CAG/C,CAAC;AAKF,MAAM,gCAAgC,GAElC,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IAC5B,OAAO,CACL,KAAC,QAAQ,IAAC,OAAO,QAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,wBAAwB,YACpE,iBACE,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,SAAS,CAAC,KAC7D,KAAK,GACT,GACO,CACZ,CAAC;AACJ,CAAC,CAAC;AAKF,MAAM,4BAA4B,GAE9B,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IAC5B,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACzE,CAAC;AACJ,CAAC,CAAC;AASF,MAAM,0BAA0B,GAA8C,CAAC,EAC7E,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,2GAA2G,EAC3G,SAAS,CACV,KACG,KAAK,aAET,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,EAAC,aAAa,EAAE,KAAK,YAC7C,QAAQ,GACA,EACX,wBACG,SAAS,EAAE,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,CACnC,KAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,YACvB,QAAQ,IADsB,KAAK,CAE3B,CACZ,CAAC,GACE,IACF,EACN,KAAC,MAAM,IACL,QAAQ,EAAE,IAAI,EACd,eAAe,EAAC,OAAO,EACvB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAE,IAAI,GAAI,GACjD,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EACL,4BAA4B,EAC5B,gCAAgC,EAChC,iCAAiC,EACjC,0BAA0B,GAC3B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/filter/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/web/productFinder/filter/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { LinkComponent, LinkComponentProps } from '../../../utils';
|
|
2
|
+
export interface ProductFinderNavigationItemProps extends LinkComponent, LinkComponentProps {
|
|
3
|
+
children?: React.ReactNode;
|
|
4
|
+
isNested?: boolean;
|
|
5
|
+
}
|
|
6
|
+
declare const ProductFinderNavigationItem: React.FC<ProductFinderNavigationItemProps>;
|
|
7
|
+
export interface ProductFinderNavigationProps extends React.HTMLAttributes<HTMLUListElement> {
|
|
8
|
+
}
|
|
9
|
+
declare const ProductFinderNavigation: React.FC<ProductFinderNavigationProps>;
|
|
10
|
+
export { ProductFinderNavigation, ProductFinderNavigationItem };
|
|
11
|
+
//# sourceMappingURL=ProductFinderNavigation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductFinderNavigation.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/navigation/ProductFinderNavigation.tsx"],"names":[],"mappings":"AACA,OAAO,EAAK,aAAa,EAAE,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAErE,MAAM,WAAW,gCACf,SAAQ,aAAa,EACnB,kBAAkB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AASD,QAAA,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CACzC,gCAAgC,CAYjC,CAAC;AAEF,MAAM,WAAW,4BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;CAAG;AAEnD,QAAA,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CASnE,CAAC;AAEF,OAAO,EAAC,uBAAuB,EAAE,2BAA2B,EAAC,CAAC"}
|