@odx/websites-react 1.1.53 → 1.1.55
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/images-icons/badge/Badge.d.ts +6 -4
- package/dist/components/images-icons/badge/Badge.d.ts.map +1 -1
- package/dist/components/images-icons/badge/Badge.js +14 -7
- package/dist/components/images-icons/badge/Badge.js.map +1 -1
- package/dist/web/productFinder/contentSwitch/ContentSwitch.d.ts +3 -3
- package/dist/web/productFinder/contentSwitch/ContentSwitch.d.ts.map +1 -1
- package/dist/web/productFinder/contentSwitch/ContentSwitch.js +4 -4
- package/dist/web/productFinder/contentSwitch/ContentSwitch.js.map +1 -1
- package/dist/web/productFinder/filter/ProductFinderAccordion.js +2 -2
- package/dist/web/productFinder/filter/ProductFinderAccordion.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { VariantProps } from 'class-variance-authority';
|
|
3
|
-
declare const
|
|
3
|
+
declare const numberBadgeVariants: (props?: ({
|
|
4
4
|
variant?: "disabled" | "white" | "darkBlue" | null | undefined;
|
|
5
5
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
6
|
interface BadgeProps {
|
|
@@ -9,17 +9,19 @@ interface BadgeProps {
|
|
|
9
9
|
badgeContent?: React.ReactNode;
|
|
10
10
|
}
|
|
11
11
|
declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
-
export interface
|
|
12
|
+
export interface NumberBadgeProps extends VariantProps<typeof numberBadgeVariants> {
|
|
13
13
|
badgeContent: React.ReactNode;
|
|
14
14
|
className?: string;
|
|
15
|
+
customOffset?: number;
|
|
15
16
|
}
|
|
16
|
-
declare const
|
|
17
|
+
declare const NumberBadge: React.FC<NumberBadgeProps>;
|
|
17
18
|
export interface IndicatorBadgeProps {
|
|
18
19
|
animated?: boolean;
|
|
19
20
|
repeat?: boolean;
|
|
20
21
|
variant?: 'white' | 'darkBlue';
|
|
21
22
|
className?: string;
|
|
23
|
+
customOffset?: number;
|
|
22
24
|
}
|
|
23
25
|
declare const IndicatorBadge: React.FC<IndicatorBadgeProps>;
|
|
24
|
-
export { Badge,
|
|
26
|
+
export { Badge, NumberBadge, IndicatorBadge };
|
|
25
27
|
//# sourceMappingURL=Badge.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/images-icons/badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAQ3D,QAAA,MAAM,
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/images-icons/badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAQ3D,QAAA,MAAM,mBAAmB;;8EAcxB,CAAC;AAEF,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED,QAAA,MAAM,KAAK,mFAiBV,CAAC;AAIF,MAAM,WAAW,gBACf,SAAQ,YAAY,CAAC,OAAO,mBAAmB,CAAC;IAChD,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAe3C,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6BjD,CAAC;AAEF,OAAO,EAAC,KAAK,EAAE,WAAW,EAAE,cAAc,EAAC,CAAC"}
|
|
@@ -3,11 +3,11 @@ import * as React from 'react';
|
|
|
3
3
|
import { cn } from '../../../utils';
|
|
4
4
|
import { cva } from 'class-variance-authority';
|
|
5
5
|
const baseBadgeClasses = `
|
|
6
|
-
absolute
|
|
6
|
+
absolute
|
|
7
7
|
flex items-center justify-center
|
|
8
|
-
w-6 h-6 px-[3px]
|
|
8
|
+
min-w-6 h-6 px-[3px]
|
|
9
9
|
`;
|
|
10
|
-
const
|
|
10
|
+
const numberBadgeVariants = cva(`${baseBadgeClasses} rounded-full border border-2 border-border-secondary text-button-text-small font-text`, {
|
|
11
11
|
variants: {
|
|
12
12
|
variant: {
|
|
13
13
|
darkBlue: 'bg-surface-brand text-text-invert',
|
|
@@ -20,10 +20,17 @@ const numberBageVariants = cva(`${baseBadgeClasses} rounded-full border border-2
|
|
|
20
20
|
},
|
|
21
21
|
});
|
|
22
22
|
const Badge = React.forwardRef(({ children, badgeContent, className }, ref) => {
|
|
23
|
-
|
|
23
|
+
const hasChildren = !!children;
|
|
24
|
+
return (_jsxs("div", { ref: ref, className: cn(className, 'relative', !hasChildren && 'inline-block min-w-6'), children: [children, badgeContent] }));
|
|
24
25
|
});
|
|
25
26
|
Badge.displayName = 'Badge';
|
|
26
|
-
const
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
const NumberBadge = ({ badgeContent, variant, className, customOffset = -12, }) => (_jsx("span", { style: {
|
|
28
|
+
top: `${customOffset}px`,
|
|
29
|
+
right: `${customOffset}px`,
|
|
30
|
+
}, className: cn(numberBadgeVariants({ variant, className })), children: badgeContent }));
|
|
31
|
+
const IndicatorBadge = ({ animated = true, repeat = false, variant, className, customOffset = -12, }) => (_jsxs("span", { style: {
|
|
32
|
+
top: `${customOffset}px`,
|
|
33
|
+
right: `${customOffset}px`,
|
|
34
|
+
}, className: cn(baseBadgeClasses, className), children: [_jsx("span", { className: cn('absolute inline-flex rounded-full opacity-50 size-2 bg-surface-brand', animated && 'animate-odx-indicator-ping', !repeat && 'repeat-1', variant === 'white' ? 'bg-surface-primary' : 'bg-surface-brand') }), _jsx("span", { className: cn('relative inline-flex rounded-full size-2 bg-surface-brand', variant === 'white' ? 'bg-surface-primary' : 'bg-surface-brand') })] }));
|
|
35
|
+
export { Badge, NumberBadge, IndicatorBadge };
|
|
29
36
|
//# sourceMappingURL=Badge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../src/components/images-icons/badge/Badge.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAE3D,MAAM,gBAAgB,GAAG;;;;CAIxB,CAAC;AAEF,MAAM,
|
|
1
|
+
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../src/components/images-icons/badge/Badge.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAE3D,MAAM,gBAAgB,GAAG;;;;CAIxB,CAAC;AAEF,MAAM,mBAAmB,GAAG,GAAG,CAC7B,GAAG,gBAAgB,wFAAwF,EAC3G;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,QAAQ,EAAE,mCAAmC;YAC7C,KAAK,EAAE,qCAAqC;YAC5C,QAAQ,EAAE,+BAA+B;SAC1C;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,UAAU;KACpB;CACF,CACF,CAAC;AAQF,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAC,EAAE,GAAG,EAAE,EAAE;IAC3C,MAAM,WAAW,GAAG,CAAC,CAAC,QAAQ,CAAC;IAC/B,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,UAAU,EACV,CAAC,WAAW,IAAI,sBAAsB,CACvC,aAEA,QAAQ,EACR,YAAY,IACT,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAS5B,MAAM,WAAW,GAA+B,CAAC,EAC/C,YAAY,EACZ,OAAO,EACP,SAAS,EACT,YAAY,GAAG,CAAC,EAAE,GACnB,EAAE,EAAE,CAAC,CACJ,eACE,KAAK,EAAE;QACL,GAAG,EAAE,GAAG,YAAY,IAAI;QACxB,KAAK,EAAE,GAAG,YAAY,IAAI;KAC3B,EACD,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAC,OAAO,EAAE,SAAS,EAAC,CAAC,CAAC,YAEvD,YAAY,GACR,CACR,CAAC;AAUF,MAAM,cAAc,GAAkC,CAAC,EACrD,QAAQ,GAAG,IAAI,EACf,MAAM,GAAG,KAAK,EACd,OAAO,EACP,SAAS,EACT,YAAY,GAAG,CAAC,EAAE,GACnB,EAAE,EAAE,CAAC,CACJ,gBACE,KAAK,EAAE;QACL,GAAG,EAAE,GAAG,YAAY,IAAI;QACxB,KAAK,EAAE,GAAG,YAAY,IAAI;KAC3B,EACD,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,aAE1C,eACE,SAAS,EAAE,EAAE,CACX,sEAAsE,EACtE,QAAQ,IAAI,4BAA4B,EACxC,CAAC,MAAM,IAAI,UAAU,EACrB,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,kBAAkB,CAChE,GACD,EACF,eACE,SAAS,EAAE,EAAE,CACX,2DAA2D,EAC3D,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,kBAAkB,CAChE,GACD,IACG,CACR,CAAC;AAEF,OAAO,EAAC,KAAK,EAAE,WAAW,EAAE,cAAc,EAAC,CAAC"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { LinkButtonProps } from '../../../components';
|
|
3
3
|
export interface ContentSwitchProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
4
|
children?: React.ReactNode;
|
|
5
5
|
}
|
|
6
|
-
export interface ContentSwitchTabProps extends React.HTMLAttributes<
|
|
6
|
+
export interface ContentSwitchTabProps extends React.HTMLAttributes<HTMLAnchorElement> {
|
|
7
7
|
active?: boolean;
|
|
8
8
|
icon?: React.ReactNode;
|
|
9
9
|
}
|
|
10
10
|
declare const ContentSwitchTab: React.FC<ContentSwitchTabProps>;
|
|
11
|
-
export interface ContentSwitchButtonProps extends Omit<
|
|
11
|
+
export interface ContentSwitchButtonProps extends Omit<LinkButtonProps, 'variant' | 'size'> {
|
|
12
12
|
}
|
|
13
13
|
declare const ContentSwitchButton: React.FC<ContentSwitchButtonProps>;
|
|
14
14
|
export interface ContentSwitchTabsProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
@@ -1 +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,
|
|
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,eAAe,EAAC,MAAM,qBAAqB,CAAC;AAU1E,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;AAQD,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAkCrD,CAAC;AAEF,MAAM,WAAW,wBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,MAAM,CAAC;CAAG;AAEtD,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAiB3D,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,CAgBzE,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,mBAAmB,EACnB,0BAA0B,EAC1B,oBAAoB,GACrB,CAAC"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { Transition } from '@headlessui/react';
|
|
5
|
-
import { BodyText,
|
|
5
|
+
import { BodyText, LinkButton } from '../../../components';
|
|
6
6
|
import { useElementSize } from '../../../hooks/useElementSize';
|
|
7
7
|
import { cn } from '../../../utils';
|
|
8
8
|
import { useBreakpoint } from '../../../hooks';
|
|
@@ -17,11 +17,11 @@ const contentSwitchClasses = `
|
|
|
17
17
|
const contentSwitchTabClasses = `
|
|
18
18
|
relative rounded-full min-w-11 grow px-4 ease-in-out w-full lg:w-auto min-h-11 lg:min-h-element-height-lg outline-none
|
|
19
19
|
before:content-[""] before:absolute before:inset-0 before:rounded-full
|
|
20
|
-
before:outline before:outline-none before:focus:outline-border-accent
|
|
20
|
+
before:outline before:outline-none before:focus:outline-border-accent content-center
|
|
21
21
|
`;
|
|
22
22
|
const ContentSwitchTab = ({ children, active, icon, className, ...props }) => {
|
|
23
23
|
const { isSticky, isStatic } = React.useContext(StickyContext);
|
|
24
|
-
return (_jsx("
|
|
24
|
+
return (_jsx("a", { className: cn(contentSwitchTabClasses, active
|
|
25
25
|
? 'before:bg-surface-brand before:hover:bg-interactions-brand-hover'
|
|
26
26
|
: 'before:bg-surface-primary before:hover:bg-field-hover', active &&
|
|
27
27
|
'first:before:animate-draeger-switch-button-right last:before:animate-draeger-switch-button-left z-10', className), tabIndex: isSticky && isStatic ? -1 : undefined, ...props, children: _jsxs("span", { className: cn('relative flex items-center justify-center gap-1', active ? 'text-text-invert' : 'text-text-primary'), children: [icon, children] }) }));
|
|
@@ -29,7 +29,7 @@ const ContentSwitchTab = ({ children, active, icon, className, ...props }) => {
|
|
|
29
29
|
const ContentSwitchButton = ({ iconLeft, ...props }) => {
|
|
30
30
|
const { isSticky, isStatic } = React.useContext(StickyContext);
|
|
31
31
|
const isMobile = useBreakpoint('lg');
|
|
32
|
-
return (_jsx(
|
|
32
|
+
return (_jsx(LinkButton, { iconLeft: iconLeft, size: isMobile ? 'md' : 'lg', variant: 'ghost', className: cn(!isStatic && 'invisible lg:visible'), tabIndex: isSticky && isStatic ? -1 : undefined, ...props }));
|
|
33
33
|
};
|
|
34
34
|
const contentSwitchTabsClasses = `
|
|
35
35
|
bg-surface-primary min-h-14 p-1.5 w-full rounded-full lg:w-auto overflow-hidden
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentSwitch.js","sourceRoot":"","sources":["../../../../src/web/productFinder/contentSwitch/ContentSwitch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAC,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"ContentSwitch.js","sourceRoot":"","sources":["../../../../src/web/productFinder/contentSwitch/ContentSwitch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAC,QAAQ,EAAE,UAAU,EAAkB,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EAAC,cAAc,EAAC,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAE7C,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC;IACxC,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,IAAI;CACf,CAAC,CAAC;AAOH,MAAM,oBAAoB,GAAG;;;CAG5B,CAAC;AAQF,MAAM,uBAAuB,GAAG;;;;CAI/B,CAAC;AAEF,MAAM,gBAAgB,GAAoC,CAAC,EACzD,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAE7D,OAAO,CACL,YACE,SAAS,EAAE,EAAE,CACX,uBAAuB,EACvB,MAAM;YACJ,CAAC,CAAC,kEAAkE;YACpE,CAAC,CAAC,uDAAuD,EAC3D,MAAM;YACJ,sGAAsG,EACxG,SAAS,CACV,EACD,QAAQ,EAAE,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,KAC3C,KAAK,YAET,gBACE,SAAS,EAAE,EAAE,CACX,iDAAiD,EACjD,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,mBAAmB,CAClD,aAEA,IAAI,EACJ,QAAQ,IACJ,GACL,CACL,CAAC;AACJ,CAAC,CAAC;AAKF,MAAM,mBAAmB,GAAuC,CAAC,EAC/D,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAC7D,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAErC,OAAO,CACL,KAAC,UAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAC5B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,CAAC,QAAQ,IAAI,sBAAsB,CAAC,EAClD,QAAQ,EAAE,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,KAC3C,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAOF,MAAM,wBAAwB,GAAG;;;;CAIhC,CAAC;AAEF,MAAM,iBAAiB,GAAqC,CAAC,EAC3D,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAC,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAEnD,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,KAAM,KAAK,aACtE,cACE,SAAS,EAAE,EAAE,CACX,wBAAwB,EACxB,QAAQ,IAAI,2CAA2C,CACxD,YAEA,QAAQ,GACL,EAEN,cAAK,SAAS,EAAC,4CAA4C,GAAG,IAC1D,CACP,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,0BAA0B,GAA8C,CAAC,EAC7E,KAAK,GACN,EAAE,EAAE;IACH,MAAM,EAAC,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAEnD,OAAO,CACL,CAAC,QAAQ;QACT,KAAK,IAAI,CACP,KAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,wCAAwC,YAEjD,KAAK,GACG,CACZ,CACF,CAAC;AACJ,CAAC,CAAC;AAIF,MAAM,oBAAoB,GAAwC,GAAG,EAAE;IACrE,OAAO,cAAK,SAAS,EAAC,oDAAoD,GAAG,CAAC;AAChF,CAAC,CAAC;AAEF,MAAM,aAAa,GAAiC,CAAC,EAAC,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IAC3E,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC3D,MAAM,CAAC,iBAAiB,EAAE,EAAC,MAAM,EAAE,oBAAoB,EAAC,CAAC,GAAG,cAAc,EAAE,CAAC;IAE7E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,eAAe,CAAC,OAAO;YAAE,OAAO;QAErC,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CACvC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;YACN,IAAI,CAAC,CAAC;gBAAE,OAAO;YACf,WAAW,CAAC,CAAC,CAAC,iBAAiB,GAAG,CAAC,CAAC,CAAC;QACvC,CAAC,EACD;YACE,SAAS,EAAE,CAAC,CAAC,CAAC;YACd,UAAU,EAAE,GAAG,oBAAoB,gBAAgB;SACpD,CACF,CAAC;QAEF,QAAQ,CAAC,OAAO,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QAC1C,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAE3B,OAAO,CACL,8BACE,cAAK,GAAG,EAAE,eAAe,EAAE,SAAS,EAAC,WAAW,GAAG,EACnD,cACE,SAAS,EAAE,EAAE,CACX,oBAAoB,EACpB,uBAAuB,EACvB,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,qBAAqB,CACzD,EACD,GAAG,EAAE,iBAAiB,KAClB,KAAK,YAET,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAC,YACtD,QAAQ,GACc,GACrB,EACN,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,UAAU,IAAC,IAAI,EAAE,QAAQ,YACxB,cACE,SAAS,EAAE,EAAE,CACX,oBAAoB,EACpB,yEAAyE,EACzE,oIAAoI,CACrI,KACG,KAAK,YAET,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAC,YACvD,QAAQ,GACc,GACrB,GACK,GACT,IACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,EACnB,0BAA0B,EAC1B,oBAAoB,GACrB,CAAC"}
|
|
@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { cn } from '../../../utils';
|
|
5
5
|
import { useElementSize } from '../../../hooks/useElementSize';
|
|
6
|
-
import { Badge, BodyText, IconCoreChevronDown,
|
|
6
|
+
import { Badge, BodyText, IconCoreChevronDown, NumberBadge, } from '../../../components';
|
|
7
7
|
export const ProductFinderAccordionContext = React.createContext({
|
|
8
8
|
activeItems: [],
|
|
9
9
|
toggleItem: () => { },
|
|
@@ -37,7 +37,7 @@ const productFinderAccordionItemToggleClasses = `
|
|
|
37
37
|
`;
|
|
38
38
|
const ProductFinderAccordionItemToggle = ({ className, selectedItems, children, ...props }) => {
|
|
39
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 min-w-0 gap-2", children: [_jsx(BodyText, { className: cn('text-left min-w-0'), children: children }), selectedItems && (_jsx(Badge, { badgeContent: _jsx(
|
|
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 min-w-0 gap-2", children: [_jsx(BodyText, { className: cn('text-left min-w-0'), children: children }), selectedItems && (_jsx(Badge, { badgeContent: _jsx(NumberBadge, { className: "relative top-0 right-0", variant: 'darkBlue', badgeContent: selectedItems }) }))] }), _jsx("div", { className: "flex items-center ml-auto justify-self-end", children: _jsx(IconCoreChevronDown, { className: cn('ml-4 transition-all duration-100 group-aria-expanded:rotate-180', isExpanded && 'rotate-180') }) })] }) }));
|
|
41
41
|
};
|
|
42
42
|
const ProductFinderAccordionItem = ({ children, value, ...props }) => children && (_jsx(ProductFinderAccordionItemContext.Provider, { value: value, children: _jsx(ProductFinderAccordionItemWrapper, { ...props, children: children }) }));
|
|
43
43
|
const ProductFinderAccordionItemWrapper = ({ className, children, ...props }) => {
|
|
@@ -1 +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,EACL,KAAK,EACL,QAAQ,EACR,mBAAmB,EACnB,
|
|
1
|
+
{"version":3,"file":"ProductFinderAccordion.js","sourceRoot":"","sources":["../../../../src/web/productFinder/filter/ProductFinderAccordion.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED