@odx/websites-react 1.1.157 → 1.2.0
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.d.ts +9 -48
- package/dist/components/actions/button/Button.d.ts.map +1 -1
- package/dist/components/actions/button/Button.js +14 -16
- package/dist/components/actions/button/Button.js.map +1 -1
- package/dist/components/actions/checkbox/Checkbox.d.ts +2 -2
- package/dist/components/actions/checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/actions/checkbox/Checkbox.js +2 -3
- package/dist/components/actions/checkbox/Checkbox.js.map +1 -1
- package/dist/components/actions/checkboxGroup/CheckboxGroup.d.ts.map +1 -1
- package/dist/components/actions/checkboxGroup/CheckboxGroup.js +0 -1
- package/dist/components/actions/checkboxGroup/CheckboxGroup.js.map +1 -1
- package/dist/components/actions/floatingButton/FloatingButton.d.ts +2 -1
- package/dist/components/actions/floatingButton/FloatingButton.d.ts.map +1 -1
- package/dist/components/actions/floatingButton/FloatingButton.js +2 -4
- package/dist/components/actions/floatingButton/FloatingButton.js.map +1 -1
- package/dist/components/actions/link/Link.d.ts +1 -1
- package/dist/components/actions/link/Link.d.ts.map +1 -1
- package/dist/components/actions/link/Link.js +2 -4
- package/dist/components/actions/link/Link.js.map +1 -1
- package/dist/components/actions/phoneInput/PhoneInput.d.ts.map +1 -1
- package/dist/components/actions/phoneInput/PhoneInput.js +0 -1
- package/dist/components/actions/phoneInput/PhoneInput.js.map +1 -1
- package/dist/components/actions/radioGroup/RadioGroup.d.ts +3 -3
- package/dist/components/actions/radioGroup/RadioGroup.d.ts.map +1 -1
- package/dist/components/actions/radioGroup/RadioGroup.js +4 -5
- package/dist/components/actions/radioGroup/RadioGroup.js.map +1 -1
- package/dist/components/actions/search/Search.d.ts +2 -1
- package/dist/components/actions/search/Search.d.ts.map +1 -1
- package/dist/components/actions/search/Search.js +3 -6
- package/dist/components/actions/search/Search.js.map +1 -1
- package/dist/components/actions/select/Select.d.ts +3 -2
- package/dist/components/actions/select/Select.d.ts.map +1 -1
- package/dist/components/actions/select/Select.js +3 -6
- package/dist/components/actions/select/Select.js.map +1 -1
- package/dist/components/actions/text-input/TextInput.d.ts +3 -2
- package/dist/components/actions/text-input/TextInput.d.ts.map +1 -1
- package/dist/components/actions/text-input/TextInput.js +4 -6
- package/dist/components/actions/text-input/TextInput.js.map +1 -1
- package/dist/components/actions/textarea/Textarea.d.ts +3 -2
- package/dist/components/actions/textarea/Textarea.d.ts.map +1 -1
- package/dist/components/actions/textarea/Textarea.js +3 -6
- package/dist/components/actions/textarea/Textarea.js.map +1 -1
- package/dist/components/actions/toggle-button/ToggleButton.d.ts.map +1 -1
- package/dist/components/actions/toggle-button/ToggleButton.js +0 -1
- package/dist/components/actions/toggle-button/ToggleButton.js.map +1 -1
- package/dist/components/actions/tooltip/Tooltip.d.ts.map +1 -1
- package/dist/components/actions/tooltip/Tooltip.js +5 -1
- package/dist/components/actions/tooltip/Tooltip.js.map +1 -1
- package/dist/components/charts/pieChart/PieChart.js +1 -1
- package/dist/components/charts/pieChart/PieChart.js.map +1 -1
- package/dist/components/images-icons/badge/Badge.d.ts +2 -1
- package/dist/components/images-icons/badge/Badge.d.ts.map +1 -1
- package/dist/components/images-icons/badge/Badge.js +2 -4
- package/dist/components/images-icons/badge/Badge.js.map +1 -1
- package/dist/components/images-icons/image/Image.d.ts +2 -1
- package/dist/components/images-icons/image/Image.d.ts.map +1 -1
- package/dist/components/images-icons/image/Image.js +3 -5
- package/dist/components/images-icons/image/Image.js.map +1 -1
- package/dist/components/layout/accordion/Accordion.d.ts.map +1 -1
- package/dist/components/layout/accordion/Accordion.js +1 -2
- package/dist/components/layout/accordion/Accordion.js.map +1 -1
- package/dist/components/layout/block/Block.d.ts +4 -2
- package/dist/components/layout/block/Block.d.ts.map +1 -1
- package/dist/components/layout/block/Block.js +5 -6
- package/dist/components/layout/block/Block.js.map +1 -1
- package/dist/components/layout/cardCarousel/CardCarousel.d.ts +2 -1
- package/dist/components/layout/cardCarousel/CardCarousel.d.ts.map +1 -1
- package/dist/components/layout/cardCarousel/CardCarousel.js +2 -3
- package/dist/components/layout/cardCarousel/CardCarousel.js.map +1 -1
- package/dist/components/layout/container/Container.d.ts +2 -1
- package/dist/components/layout/container/Container.d.ts.map +1 -1
- package/dist/components/layout/container/Container.js +2 -4
- package/dist/components/layout/container/Container.js.map +1 -1
- package/dist/components/layout/screenOverlay/ScreenOverlay.d.ts +2 -1
- package/dist/components/layout/screenOverlay/ScreenOverlay.d.ts.map +1 -1
- package/dist/components/layout/screenOverlay/ScreenOverlay.js +1 -2
- package/dist/components/layout/screenOverlay/ScreenOverlay.js.map +1 -1
- package/dist/components/layout/sheet/Sheet.d.ts +2 -1
- package/dist/components/layout/sheet/Sheet.d.ts.map +1 -1
- package/dist/components/layout/sheet/Sheet.js +2 -4
- package/dist/components/layout/sheet/Sheet.js.map +1 -1
- package/dist/components/layout/showMore/ShowMore.js +1 -1
- package/dist/components/layout/showMore/ShowMore.js.map +1 -1
- package/dist/components/layout/table/Table.d.ts.map +1 -1
- package/dist/components/layout/table/Table.js.map +1 -1
- package/dist/components/navigation/footer/Footer.d.ts +1 -1
- package/dist/components/navigation/footer/Footer.d.ts.map +1 -1
- package/dist/components/navigation/footer/Footer.js +2 -2
- package/dist/components/navigation/footer/Footer.js.map +1 -1
- package/dist/components/navigation/searchInput/SearchInput.js +0 -1
- package/dist/components/navigation/searchInput/SearchInput.js.map +1 -1
- package/dist/hooks/useElementSize/useElementSize.d.ts +1 -1
- package/dist/web/productFinder/filter/ProductFinderAccordion.d.ts.map +1 -1
- package/dist/web/productFinder/filter/ProductFinderAccordion.js +1 -2
- package/dist/web/productFinder/filter/ProductFinderAccordion.js.map +1 -1
- package/package.json +10 -10
- package/dist/components/navigation/header/AnimatedHeader.d.ts +0 -33
- package/dist/components/navigation/header/AnimatedHeader.d.ts.map +0 -1
- package/dist/components/navigation/header/AnimatedHeader.js +0 -123
- package/dist/components/navigation/header/AnimatedHeader.js.map +0 -1
|
@@ -15,61 +15,22 @@ export type ButtonBaseProps = {
|
|
|
15
15
|
iconRight?: never;
|
|
16
16
|
iconButtonStyle?: never;
|
|
17
17
|
theme?: ButtonTheme;
|
|
18
|
-
} | {
|
|
19
|
-
iconLeft: React.ReactNode;
|
|
20
|
-
iconRight?: React.ReactNode;
|
|
21
|
-
iconButtonStyle?: IconButtonStyleType;
|
|
22
|
-
theme?: ButtonTheme;
|
|
23
18
|
} | {
|
|
24
19
|
iconLeft?: React.ReactNode;
|
|
25
|
-
iconRight
|
|
20
|
+
iconRight?: React.ReactNode;
|
|
26
21
|
iconButtonStyle?: IconButtonStyleType;
|
|
27
22
|
theme?: ButtonTheme;
|
|
28
23
|
};
|
|
24
|
+
export type SpanButtonProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'> & VariantProps<ReturnType<typeof getButtonVariants>> & ButtonBaseProps & {
|
|
25
|
+
asSpan: true;
|
|
26
|
+
ref?: React.Ref<HTMLSpanElement>;
|
|
27
|
+
};
|
|
29
28
|
export type ButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color'> & VariantProps<ReturnType<typeof getButtonVariants>> & ButtonBaseProps & {
|
|
30
|
-
asSpan?:
|
|
29
|
+
asSpan?: false;
|
|
30
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
31
31
|
};
|
|
32
|
-
declare const Button: React.
|
|
32
|
+
declare const Button: React.FC<ButtonProps | SpanButtonProps>;
|
|
33
33
|
export type LinkButtonProps = LinkComponentProps & LinkComponent & VariantProps<ReturnType<typeof getButtonVariants>> & ButtonBaseProps;
|
|
34
|
-
declare const LinkButton: React.
|
|
35
|
-
children?: React.ReactNode;
|
|
36
|
-
href: any;
|
|
37
|
-
} & React.RefAttributes<HTMLAnchorElement> & LinkComponent & VariantProps<(props?: ({
|
|
38
|
-
variant?: "primary" | "secondary" | "ghost" | null | undefined;
|
|
39
|
-
size?: "xs" | "sm" | "lg" | "md" | null | undefined;
|
|
40
|
-
iconSize?: "xs" | "sm" | "lg" | "md" | null | undefined;
|
|
41
|
-
inheritColor?: boolean | null | undefined;
|
|
42
|
-
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
|
|
43
|
-
iconLeft?: never;
|
|
44
|
-
iconRight?: never;
|
|
45
|
-
iconButtonStyle?: never;
|
|
46
|
-
theme?: ButtonTheme;
|
|
47
|
-
}, "ref"> | Omit<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "href"> & {
|
|
48
|
-
children?: React.ReactNode;
|
|
49
|
-
href: any;
|
|
50
|
-
} & React.RefAttributes<HTMLAnchorElement> & LinkComponent & VariantProps<(props?: ({
|
|
51
|
-
variant?: "primary" | "secondary" | "ghost" | null | undefined;
|
|
52
|
-
size?: "xs" | "sm" | "lg" | "md" | null | undefined;
|
|
53
|
-
iconSize?: "xs" | "sm" | "lg" | "md" | null | undefined;
|
|
54
|
-
inheritColor?: boolean | null | undefined;
|
|
55
|
-
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
|
|
56
|
-
iconLeft: React.ReactNode;
|
|
57
|
-
iconRight?: React.ReactNode;
|
|
58
|
-
iconButtonStyle?: IconButtonStyleType;
|
|
59
|
-
theme?: ButtonTheme;
|
|
60
|
-
}, "ref"> | Omit<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "href"> & {
|
|
61
|
-
children?: React.ReactNode;
|
|
62
|
-
href: any;
|
|
63
|
-
} & React.RefAttributes<HTMLAnchorElement> & LinkComponent & VariantProps<(props?: ({
|
|
64
|
-
variant?: "primary" | "secondary" | "ghost" | null | undefined;
|
|
65
|
-
size?: "xs" | "sm" | "lg" | "md" | null | undefined;
|
|
66
|
-
iconSize?: "xs" | "sm" | "lg" | "md" | null | undefined;
|
|
67
|
-
inheritColor?: boolean | null | undefined;
|
|
68
|
-
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
|
|
69
|
-
iconLeft?: React.ReactNode;
|
|
70
|
-
iconRight: React.ReactNode;
|
|
71
|
-
iconButtonStyle?: IconButtonStyleType;
|
|
72
|
-
theme?: ButtonTheme;
|
|
73
|
-
}, "ref">) & React.RefAttributes<HTMLAnchorElement>>;
|
|
34
|
+
declare const LinkButton: React.FC<LinkButtonProps>;
|
|
74
35
|
export { Button, LinkButton };
|
|
75
36
|
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAK,aAAa,EAAC,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAC,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAgClD,KAAK,mBAAmB,GAAG,OAAO,GAAG,SAAS,CAAC;AAC/C,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAQpC,QAAA,MAAM,iBAAiB,GAAI,OAAO,WAAW,EAAE,OAAO,mBAAmB;;;;;8EAuBrE,CAAC;AA+BL,MAAM,MAAM,eAAe,GACvB;IACE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB,GACD;IACE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAK,aAAa,EAAC,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAC,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAgClD,KAAK,mBAAmB,GAAG,OAAO,GAAG,SAAS,CAAC;AAC/C,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAQpC,QAAA,MAAM,iBAAiB,GAAI,OAAO,WAAW,EAAE,OAAO,mBAAmB;;;;;8EAuBrE,CAAC;AA+BL,MAAM,MAAM,eAAe,GACvB;IACE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB,GACD;IACE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB,CAAC;AAEN,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EACrC,OAAO,CACR,GACC,YAAY,CAAC,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,GAClD,eAAe,GAAG;IAChB,MAAM,EAAE,IAAI,CAAC;IACb,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;CAClC,CAAC;AAEJ,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,OAAO,CACR,GACC,YAAY,CAAC,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,GAClD,eAAe,GAAG;IAChB,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACpC,CAAC;AAEJ,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,GAAG,eAAe,CAuDnD,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAC9C,aAAa,GACb,YAAY,CAAC,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,GAClD,eAAe,CAAC;AAElB,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoCzC,CAAC;AAwBF,OAAO,EAAC,MAAM,EAAE,UAAU,EAAC,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import * as React from 'react';
|
|
3
2
|
import { cva } from 'class-variance-authority';
|
|
4
3
|
import { cn } from '../../../utils';
|
|
5
4
|
const buttonBaseClasses = 'font-text text-button-text-large whitespace-normal break-words inline-flex items-center justify-center font-medium transition-colors focus:outline-none disabled:pointer-events-none rounded-sm outline-1 focus:outline-2';
|
|
@@ -54,17 +53,10 @@ const classes = ({ className, size, variant, isIconButton, inheritColor, theme =
|
|
|
54
53
|
className,
|
|
55
54
|
}), !isIconButton && 'px-3');
|
|
56
55
|
};
|
|
57
|
-
const Button =
|
|
56
|
+
const Button = ({ className, size, variant, inheritColor, iconLeft, iconRight, theme, iconButtonStyle, asSpan, ref, ...props }) => {
|
|
58
57
|
const hasIcon = Boolean(iconLeft || iconRight);
|
|
59
58
|
const isIconButton = hasIcon && !props.children;
|
|
60
|
-
|
|
61
|
-
const spanProps = asSpan
|
|
62
|
-
? {
|
|
63
|
-
role: 'button',
|
|
64
|
-
tabIndex: 0,
|
|
65
|
-
}
|
|
66
|
-
: undefined;
|
|
67
|
-
return (_jsx(Comp, { className: classes({
|
|
59
|
+
return asSpan ? (_jsx("span", { role: "button", tabIndex: 0, className: classes({
|
|
68
60
|
className,
|
|
69
61
|
size,
|
|
70
62
|
variant,
|
|
@@ -72,10 +64,17 @@ const Button = React.forwardRef(({ className, size, variant, inheritColor, iconL
|
|
|
72
64
|
isIconButton,
|
|
73
65
|
theme,
|
|
74
66
|
style: iconButtonStyle,
|
|
75
|
-
}), ref: ref, ...
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
67
|
+
}), ref: ref, ...props, children: _jsx(ButtonContent, { iconLeft: iconLeft, iconRight: iconRight, children: props.children }) })) : (_jsx("button", { className: classes({
|
|
68
|
+
className,
|
|
69
|
+
size,
|
|
70
|
+
variant,
|
|
71
|
+
inheritColor,
|
|
72
|
+
isIconButton,
|
|
73
|
+
theme,
|
|
74
|
+
style: iconButtonStyle,
|
|
75
|
+
}), ref: ref, ...props, children: _jsx(ButtonContent, { iconLeft: iconLeft, iconRight: iconRight, children: props.children }) }));
|
|
76
|
+
};
|
|
77
|
+
const LinkButton = ({ LinkComponent, className, size, variant, iconLeft, inheritColor, theme, iconRight, iconButtonStyle, ref, ...props }) => {
|
|
79
78
|
const hasIcon = Boolean(iconLeft || iconRight);
|
|
80
79
|
const isIconButton = hasIcon && !props.children;
|
|
81
80
|
const LinkComp = LinkComponent ? LinkComponent : 'a';
|
|
@@ -88,8 +87,7 @@ const LinkButton = React.forwardRef(({ LinkComponent, className, size, variant,
|
|
|
88
87
|
isIconButton,
|
|
89
88
|
style: iconButtonStyle,
|
|
90
89
|
}), ref: ref, ...props, children: _jsx(ButtonContent, { iconLeft: iconLeft, iconRight: iconRight, children: props.children }) }));
|
|
91
|
-
}
|
|
92
|
-
LinkButton.displayName = 'LinkButton';
|
|
90
|
+
};
|
|
93
91
|
const ButtonContent = ({ iconLeft, iconRight, children, }) => {
|
|
94
92
|
const hasIcon = Boolean(iconLeft || iconRight);
|
|
95
93
|
const isIconButton = hasIcon && !children;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/actions/button/Button.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/actions/button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,9 +4,9 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
4
4
|
declare const checkboxIndicatorVariants: (props?: ({
|
|
5
5
|
color?: "primary" | "accent" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
|
-
export interface CheckboxProps extends Omit<React.
|
|
7
|
+
export interface CheckboxProps extends Omit<React.ComponentProps<typeof CheckboxPrimitive.Root>, 'color'>, VariantProps<typeof checkboxIndicatorVariants> {
|
|
8
8
|
invalid?: boolean;
|
|
9
9
|
}
|
|
10
|
-
declare const Checkbox: React.
|
|
10
|
+
declare const Checkbox: React.FC<CheckboxProps>;
|
|
11
11
|
export { Checkbox };
|
|
12
12
|
//# sourceMappingURL=Checkbox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAM9D,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAgB3D,QAAA,MAAM,yBAAyB;;8EAY7B,CAAC;AAEH,MAAM,WAAW,aACf,SAAQ,IAAI,CACR,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAM9D,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAgB3D,QAAA,MAAM,yBAAyB;;8EAY7B,CAAC;AAEH,MAAM,WAAW,aACf,SAAQ,IAAI,CACR,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EACnD,OAAO,CACR,EACD,YAAY,CAAC,OAAO,yBAAyB,CAAC;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CACtB,aAAa,CAwDd,CAAC;AAGF,OAAO,EAAC,QAAQ,EAAC,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import * as React from 'react';
|
|
3
2
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
4
3
|
import { cn } from '../../../utils';
|
|
5
4
|
import { BodyText } from '../../typography/bodyText';
|
|
@@ -28,11 +27,11 @@ const checkboxIndicatorVariants = cva(checkboxIndicatorClasses, {
|
|
|
28
27
|
color: 'primary',
|
|
29
28
|
},
|
|
30
29
|
});
|
|
31
|
-
const Checkbox =
|
|
30
|
+
const Checkbox = ({ className, children, invalid, hidden, color, disabled, ref, ...props }) => {
|
|
32
31
|
const { id, labelId } = useFieldId();
|
|
33
32
|
return (_jsxs("div", { className: cn('inline-flex items-start gap-2 font-text', hidden && 'hidden'), children: [_jsx(CheckboxPrimitive.Root, { ...props, className: cn(checkboxPrimitiveClasses, children && 'mt-[0.21875rem]', className), ref: ref, id: id, "aria-labelledby": children ? labelId : undefined, "aria-label": children ? undefined : 'checkbox', tabIndex: 0, disabled: disabled, children: _jsx(CheckboxPrimitive.Indicator, { forceMount: true, className: cn(checkboxIndicatorVariants({ color }), invalid &&
|
|
34
33
|
'data-[state=checked]:bg-draeger-error border-draeger-error'), children: _jsx(IconCoreCheck, { size: "default", className: checkboxIconClasses }) }) }), children && (_jsx(BodyText, { asChild: true, textColor: disabled ? 'disabled' : color === 'accent' ? 'invert' : undefined, children: _jsxs("label", { htmlFor: id, className: cn('text-left cursor-pointer min-w-0 wrap-anywhere', disabled && 'text-draeger-cool-gray-250 cursor-not-allowed'), children: [children, " ", props.required && ' *'] }) }))] }));
|
|
35
|
-
}
|
|
34
|
+
};
|
|
36
35
|
Checkbox.displayName = CheckboxPrimitive.Root.displayName;
|
|
37
36
|
export { Checkbox };
|
|
38
37
|
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/actions/checkbox/Checkbox.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/actions/checkbox/Checkbox.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AACzC,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAE3D,MAAM,wBAAwB,GAAG;;;CAGhC,CAAC;AAEF,MAAM,wBAAwB,GAAG;;;;;CAKhC,CAAC;AAEF,MAAM,mBAAmB,GAAG,kDAAkD,CAAC;AAE/E,MAAM,yBAAyB,GAAG,GAAG,CAAC,wBAAwB,EAAE;IAC9D,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EACL,sGAAsG;YACxG,MAAM,EACJ,oGAAoG;SACvG;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,SAAS;KACjB;CACF,CAAC,CAAC;AAWH,MAAM,QAAQ,GAEV,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IAC7E,MAAM,EAAC,EAAE,EAAE,OAAO,EAAC,GAAG,UAAU,EAAE,CAAC;IAEnC,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,yCAAyC,EACzC,MAAM,IAAI,QAAQ,CACnB,aAED,KAAC,iBAAiB,CAAC,IAAI,OACjB,KAAK,EACT,SAAS,EAAE,EAAE,CACX,wBAAwB,EACxB,QAAQ,IAAI,iBAAiB,EAC7B,SAAS,CACV,EACD,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,qBACW,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,gBACnC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAC7C,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,QAAQ,YAElB,KAAC,iBAAiB,CAAC,SAAS,IAC1B,UAAU,QACV,SAAS,EAAE,EAAE,CACX,yBAAyB,CAAC,EAAC,KAAK,EAAC,CAAC,EAClC,OAAO;wBACL,4DAA4D,CAC/D,YAED,KAAC,aAAa,IAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAE,mBAAmB,GAAI,GACpC,GACP,EACxB,QAAQ,IAAI,CACX,KAAC,QAAQ,IACP,OAAO,QACP,SAAS,EACP,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,YAGnE,iBACE,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,EAAE,CACX,gDAAgD,EAChD,QAAQ,IAAI,+CAA+C,CAC5D,aAEA,QAAQ,OAAG,KAAK,CAAC,QAAQ,IAAI,IAAI,IAC5B,GACC,CACZ,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;AAE1D,OAAO,EAAC,QAAQ,EAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/checkboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EACL,SAAS,EAIV,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,kBACf,SAAQ,YAAY,CAAC,OAAO,qBAAqB,CAAC,EAChD,SAAS;IACX,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB;AACD,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,qBAAqB;;8EAUzB,CAAC;AAEH,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8F/C,CAAC;
|
|
1
|
+
{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/checkboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EACL,SAAS,EAIV,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,kBACf,SAAQ,YAAY,CAAC,OAAO,qBAAqB,CAAC,EAChD,SAAS;IACX,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB;AACD,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,qBAAqB;;8EAUzB,CAAC;AAEH,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8F/C,CAAC;AAGF,OAAO,EAAC,aAAa,EAAC,CAAC"}
|
|
@@ -35,6 +35,5 @@ const CheckboxGroup = ({ className, wrapperClassName, direction, options, label,
|
|
|
35
35
|
};
|
|
36
36
|
return (_jsxs("div", { id: id, className: cn('font-text flex flex-col gap-2.5', hidden && 'hidden', wrapperClassName), "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, ...props, children: [label && (_jsx(FormFieldLabel, { id: labelId, className: 'mb-0', label: label, disabled: disabled, required: props.required })), _jsx("div", { className: cn('flex', checkboxGroupVariants({ direction, className })), children: options.map((item) => (_jsx(Checkbox, { disabled: disabled, invalid: invalid, onCheckedChange: () => handleChange(item.value), checked: selectedValues.includes(item.value), ...item, children: item.children }, item.value))) }), helperText && (_jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, className: 'mt-0' })), invalidText && invalid && (_jsxs("div", { className: "flex gap-x-1 items-center", children: [_jsx(FormFieldIcon, { icon: _jsx(IconCoreFeedbackWarningFilledMono, {}), color: "draeger-error" }), _jsx(FormFieldHelperText, { helperText: invalidText, invalid: invalid, className: 'mt-0' })] }))] }));
|
|
37
37
|
};
|
|
38
|
-
CheckboxGroup.displayName = 'CheckboxGroup';
|
|
39
38
|
export { CheckboxGroup };
|
|
40
39
|
//# sourceMappingURL=CheckboxGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../../../src/components/actions/checkboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../../../src/components/actions/checkboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,10 +4,11 @@ export interface FloatingButtonProps extends React.ButtonHTMLAttributes<HTMLButt
|
|
|
4
4
|
counter?: number;
|
|
5
5
|
text?: string;
|
|
6
6
|
icon?: React.ReactNode;
|
|
7
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
7
8
|
}
|
|
8
9
|
declare const floatingButtonVariants: (props?: ({
|
|
9
10
|
positionY?: "bottom" | "middle" | null | undefined;
|
|
10
11
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
11
|
-
declare const FloatingButton: React.
|
|
12
|
+
declare const FloatingButton: React.FC<FloatingButtonProps>;
|
|
12
13
|
export { FloatingButton };
|
|
13
14
|
//# sourceMappingURL=FloatingButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FloatingButton.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/floatingButton/FloatingButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAIhE,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,sBAAsB,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"FloatingButton.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/floatingButton/FloatingButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAIhE,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,sBAAsB,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACpC;AAwCD,QAAA,MAAM,sBAAsB;;8EAU1B,CAAC;AA2CH,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2BjD,CAAC;AAEF,OAAO,EAAC,cAAc,EAAC,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import * as React from 'react';
|
|
3
2
|
import { cva } from 'class-variance-authority';
|
|
4
3
|
import { cn } from '../../../utils';
|
|
5
4
|
import { IconPropsWrapper } from '../../icon';
|
|
@@ -41,13 +40,12 @@ const floatingButtonVariants = cva(floatingButtonClasses, {
|
|
|
41
40
|
});
|
|
42
41
|
const IconGroup = ({ icon, counter }) => (_jsxs("div", { className: cn('flex w-16 h-full z-10 justify-center', floatingButtonContentClasses), children: [_jsx(IconPropsWrapper, { color: "draeger-white", className: cn(typeof counter === 'number' && 'absolute bottom-2 left-3'), children: icon }), typeof counter === 'number' && (_jsx("div", { className: cn(floatingButtonIconGroupCounterClasses), children: counter }))] }));
|
|
43
42
|
const FloatingButtonText = ({ text, animated, }) => (_jsx("div", { className: cn(floatingButtonContentClasses, 'h-full max-w-48 flex text-text-invert font-text font-semibold text-left', animated && 'animate-draeger-floating-button-text pl-0'), children: _jsx("span", { className: cn('flex items-center text-lg tracking-[0.01125rem]', animated && 'animate-draeger-floating-button-text-opacity'), children: text }) }));
|
|
44
|
-
const FloatingButton =
|
|
43
|
+
const FloatingButton = ({ className, positionY, counter, text, icon, ref, ...props }) => {
|
|
45
44
|
const animated = Boolean(text && icon);
|
|
46
45
|
return (_jsxs("button", { tabIndex: 0, className: `${cn(animated && 'animate-draeger-floating-button', floatingButtonVariants({
|
|
47
46
|
positionY,
|
|
48
47
|
className,
|
|
49
48
|
}))}`, ref: ref, ...props, children: [icon && _jsx(IconGroup, { icon: icon, counter: counter }), text && _jsx(FloatingButtonText, { animated: animated, text: text })] }));
|
|
50
|
-
}
|
|
51
|
-
FloatingButton.displayName = 'FloatingButton';
|
|
49
|
+
};
|
|
52
50
|
export { FloatingButton };
|
|
53
51
|
//# sourceMappingURL=FloatingButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FloatingButton.js","sourceRoot":"","sources":["../../../../src/components/actions/floatingButton/FloatingButton.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"FloatingButton.js","sourceRoot":"","sources":["../../../../src/components/actions/floatingButton/FloatingButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,gBAAgB,EAAC,MAAM,YAAY,CAAC;AAoB5C,MAAM,qBAAqB,GAAG;;;;;;;;;;;;;;;CAe7B,CAAC;AAEF,MAAM,4BAA4B,GAChC,iHAAiH,CAAC;AAEpH,MAAM,qCAAqC,GAAG;;;;;;;CAO7C,CAAC;AAEF,MAAM,sBAAsB,GAAG,GAAG,CAAC,qBAAqB,EAAE;IACxD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,MAAM,EAAE,YAAY;YACpB,MAAM,EAAE,UAAU;SACnB;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAC;AAEH,MAAM,SAAS,GAA2C,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,EAAE,EAAE,CAAC,CAC7E,eACE,SAAS,EAAE,EAAE,CACX,sCAAsC,EACtC,4BAA4B,CAC7B,aAED,KAAC,gBAAgB,IACf,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,EAAE,CAAC,OAAO,OAAO,KAAK,QAAQ,IAAI,0BAA0B,CAAC,YAEvE,IAAI,GACY,EAClB,OAAO,OAAO,KAAK,QAAQ,IAAI,CAC9B,cAAK,SAAS,EAAE,EAAE,CAAC,qCAAqC,CAAC,YAAG,OAAO,GAAO,CAC3E,IACG,CACP,CAAC;AAEF,MAAM,kBAAkB,GAAsC,CAAC,EAC7D,IAAI,EACJ,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ,cACE,SAAS,EAAE,EAAE,CACX,4BAA4B,EAC5B,yEAAyE,EACzE,QAAQ,IAAI,2CAA2C,CACxD,YAED,eACE,SAAS,EAAE,EAAE,CACX,iDAAiD,EACjD,QAAQ,IAAI,8CAA8C,CAC3D,YAEA,IAAI,GACA,GACH,CACP,CAAC;AAEF,MAAM,cAAc,GAAkC,CAAC,EACrD,SAAS,EACT,SAAS,EACT,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,GAAG,EACH,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;IACvC,OAAO,CACL,kBACE,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,GAAG,EAAE,CACd,QAAQ,IAAI,iCAAiC,EAC7C,sBAAsB,CAAC;YACrB,SAAS;YACT,SAAS;SACV,CAAC,CACH,EAAE,EACH,GAAG,EAAE,GAAG,KACJ,KAAK,aAER,IAAI,IAAI,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,GAAI,EACnD,IAAI,IAAI,KAAC,kBAAkB,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,GAAI,IACxD,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,cAAc,EAAC,CAAC"}
|
|
@@ -26,6 +26,6 @@ export interface LinkProps extends Omit<LinkComponentProps, 'color'>, LinkCompon
|
|
|
26
26
|
size?: BodyTextProps['variant'];
|
|
27
27
|
theme?: LinkTheme;
|
|
28
28
|
}
|
|
29
|
-
declare const Link: React.
|
|
29
|
+
declare const Link: React.FC<LinkProps>;
|
|
30
30
|
export { Link };
|
|
31
31
|
//# sourceMappingURL=Link.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAK,KAAK,aAAa,EAAE,KAAK,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AA4BlE,QAAA,MAAM,eAAe;;;;;;;;;CAGpB,CAAC;AAOF,KAAK,SAAS,GAAG,MAAM,OAAO,eAAe,CAAC;AAE9C,QAAA,MAAM,eAAe,GAAI,OAAO,SAAS;;;;;8EAsBrC,CAAC;AAEL,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,EACvC,aAAa,EACb,YAAY,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,QAAA,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAK,KAAK,aAAa,EAAE,KAAK,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AA4BlE,QAAA,MAAM,eAAe;;;;;;;;;CAGpB,CAAC;AAOF,KAAK,SAAS,GAAG,MAAM,OAAO,eAAe,CAAC;AAE9C,QAAA,MAAM,eAAe,GAAI,OAAO,SAAS;;;;;8EAsBrC,CAAC;AAEL,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,EACvC,aAAa,EACb,YAAY,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAyC7B,CAAC;AAEF,OAAO,EAAC,IAAI,EAAC,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import * as React from 'react';
|
|
3
2
|
import { cva } from 'class-variance-authority';
|
|
4
3
|
import { cn } from '../../../utils';
|
|
5
4
|
import { BodyText } from '../../typography/bodyText';
|
|
@@ -49,7 +48,7 @@ const getLinkVariants = (theme) => cva(linkClasses, {
|
|
|
49
48
|
variant: 'primary',
|
|
50
49
|
},
|
|
51
50
|
});
|
|
52
|
-
const Link =
|
|
51
|
+
const Link = ({ LinkComponent, className, children, variant, display, alignItems, disabled, size, href, icon, theme = 'light', iconRight = false, ref, ...props }) => {
|
|
53
52
|
const LinkComp = LinkComponent ? LinkComponent : 'a';
|
|
54
53
|
return (_jsx(BodyText, { variant: size, textColor: "none", asChild: true, children: _jsxs(LinkComp, { ref: ref, tabIndex: disabled ? -1 : 0, href: disabled ? undefined : href, className: cn(getLinkVariants(theme)({
|
|
55
54
|
variant,
|
|
@@ -58,7 +57,6 @@ const Link = React.forwardRef(({ LinkComponent, className, children, variant, di
|
|
|
58
57
|
alignItems,
|
|
59
58
|
className,
|
|
60
59
|
})), ...props, children: [!iconRight && icon, _jsx("span", { className: "self-end min-w-0", children: children }), iconRight && icon] }) }));
|
|
61
|
-
}
|
|
62
|
-
Link.displayName = 'Link';
|
|
60
|
+
};
|
|
63
61
|
export { Link };
|
|
64
62
|
//# sourceMappingURL=Link.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../src/components/actions/link/Link.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../src/components/actions/link/Link.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAA8C,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAElE,MAAM,WAAW,GAAG;;CAEnB,CAAC;AAEF,MAAM,iBAAiB,GAAG;IACxB,OAAO,EACL,8IAA8I;IAChJ,SAAS,EACP,yIAAyI;CAC5I,CAAC;AAEF,MAAM,gBAAgB,GAAG;IACvB,OAAO,EACL,uJAAuJ;IACzJ,SAAS,EACP,uJAAuJ;CAC1J,CAAC;AAEF,MAAM,yBAAyB,GAAG;IAChC,IAAI,EAAE,oHAAoH;CAC3H,CAAC;AAEF,MAAM,wBAAwB,GAAG;IAC/B,IAAI,EAAE,yHAAyH;CAChI,CAAC;AAEF,MAAM,eAAe,GAAG;IACtB,KAAK,EAAE,iBAAiB;IACxB,IAAI,EAAE,gBAAgB;CACvB,CAAC;AAEF,MAAM,uBAAuB,GAAG;IAC9B,KAAK,EAAE,yBAAyB;IAChC,IAAI,EAAE,wBAAwB;CAC/B,CAAC;AAIF,MAAM,eAAe,GAAG,CAAC,KAAgB,EAAE,EAAE,CAC3C,GAAG,CAAC,WAAW,EAAE;IACf,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,UAAU,EAAE,sBAAsB;YAClC,MAAM,EACJ,gEAAgE;SACnE;QACD,UAAU,EAAE;YACV,KAAK,EAAE,aAAa;YACpB,MAAM,EAAE,cAAc;YACtB,GAAG,EAAE,WAAW;YAChB,QAAQ,EAAE,gBAAgB;SAC3B;QACD,QAAQ,EAAE,uBAAuB,CAAC,KAAK,CAAC;QACxC,OAAO,EAAE,eAAe,CAAC,KAAK,CAAC;KAChC;IACD,eAAe,EAAE;QACf,OAAO,EAAE,YAAY;QACrB,UAAU,EAAE,OAAO;QACnB,OAAO,EAAE,SAAS;KACnB;CACF,CAAC,CAAC;AAaL,MAAM,IAAI,GAAwB,CAAC,EACjC,aAAa,EACb,SAAS,EACT,QAAQ,EACR,OAAO,EACP,OAAO,EACP,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,KAAK,GAAG,OAAO,EACf,SAAS,GAAG,KAAK,EACjB,GAAG,EACH,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC;IAErD,OAAO,CACL,KAAC,QAAQ,IAAC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAC,MAAM,EAAC,OAAO,kBAC/C,MAAC,QAAQ,IACP,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EACjC,SAAS,EAAE,EAAE,CACX,eAAe,CAAC,KAAK,CAAC,CAAC;gBACrB,OAAO;gBACP,QAAQ;gBACR,OAAO;gBACP,UAAU;gBACV,SAAS;aACV,CAAC,CACH,KACG,KAAK,aAER,CAAC,SAAS,IAAI,IAAI,EACnB,eAAM,SAAS,EAAC,kBAAkB,YAAE,QAAQ,GAAQ,EACnD,SAAS,IAAI,IAAI,IACT,GACF,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,IAAI,EAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/phoneInput/PhoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAIL,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAOtB,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AACrD,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,eAAe,EAAE,MAAM,CAAC,CAAC;AACtE,MAAM,WAAW,eACf,SAAQ,wBAAwB,EAC9B,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,eAAe,CAAC;IACjC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAoBD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqHzC,CAAC;
|
|
1
|
+
{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/phoneInput/PhoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAIL,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAOtB,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AACrD,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,eAAe,EAAE,MAAM,CAAC,CAAC;AACtE,MAAM,WAAW,eACf,SAAQ,wBAAwB,EAC9B,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,eAAe,CAAC;IACjC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAoBD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqHzC,CAAC;AAEF,OAAO,EAAC,UAAU,EAAC,CAAC"}
|
|
@@ -32,6 +32,5 @@ const PhoneInput = ({ wrapperClassName, size, required, helperText, invalidText,
|
|
|
32
32
|
paddingLeft: `${prefix.length ? 32 + 10 * prefix.length : 24}px`,
|
|
33
33
|
}, type: "tel", value: phoneNumber, onChange: onPhoneNumberChange, "aria-labelledby": inputLabelId, "aria-describedby": helperText && helperTextId, ...commonInputProps }), _jsxs(BodyText, { variant: 'small', className: cn(disabled && 'text-draeger-cool-gray-150', 'absolute top-1/2 -translate-y-1/2 left-6 transition-colors duration-150 pointer-events-none'), children: [phonePrefixByCode[country], _jsx("span", { className: cn('absolute w-px h-full -right-1.5 bg-draeger-cool-gray-150', disabled && 'bg-draeger-cool-gray-100') })] })] })] })] }), _jsxs("div", { className: "flex items-center gap-x-2 min-h-6", children: [invalid && (_jsx(FormFieldIcon, { className: "static mt-1 translate-y-0 shrink-0", icon: _jsx(IconCoreFeedbackWarningFilledMono, {}), color: 'draeger-error', size: 'sm' })), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, invalid: invalid, disabled: disabled })] })] }));
|
|
34
34
|
};
|
|
35
|
-
PhoneInput.displayName = 'PhoneInput';
|
|
36
35
|
export { PhoneInput };
|
|
37
36
|
//# sourceMappingURL=PhoneInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneInput.js","sourceRoot":"","sources":["../../../../src/components/actions/phoneInput/PhoneInput.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"PhoneInput.js","sourceRoot":"","sources":["../../../../src/components/actions/phoneInput/PhoneInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,17 +9,17 @@ export interface RadioGroupOption {
|
|
|
9
9
|
label: string;
|
|
10
10
|
disabled?: boolean;
|
|
11
11
|
}
|
|
12
|
-
export interface RadioGroupProps extends React.
|
|
12
|
+
export interface RadioGroupProps extends React.ComponentProps<typeof RadioGroupPrimitive.Root>, VariantProps<typeof radioGroupVariants> {
|
|
13
13
|
options: RadioGroupOption[];
|
|
14
14
|
groupLabel?: string;
|
|
15
15
|
helperText?: string;
|
|
16
16
|
invalidText?: string;
|
|
17
17
|
invalid?: boolean;
|
|
18
18
|
}
|
|
19
|
-
export interface RadioGroupItemProps extends React.
|
|
19
|
+
export interface RadioGroupItemProps extends React.ComponentProps<typeof RadioGroupPrimitive.Item> {
|
|
20
20
|
label: string;
|
|
21
21
|
invalid?: boolean;
|
|
22
22
|
}
|
|
23
|
-
declare const RadioGroup: React.
|
|
23
|
+
declare const RadioGroup: React.FC<RadioGroupProps>;
|
|
24
24
|
export { RadioGroup };
|
|
25
25
|
//# sourceMappingURL=RadioGroup.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/radioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAUhE,QAAA,MAAM,kBAAkB;;8EAUtB,CAAC;AAEH,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/radioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAUhE,QAAA,MAAM,kBAAkB;;8EAUtB,CAAC;AAEH,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,EAC3D,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzC,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA4DzC,CAAC;AAgDF,OAAO,EAAC,UAAU,EAAC,CAAC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import * as React from 'react';
|
|
4
3
|
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
5
4
|
import { cva } from 'class-variance-authority';
|
|
6
5
|
import { cn } from '../../../utils';
|
|
@@ -20,15 +19,15 @@ const radioGroupVariants = cva(radioGroupBaseClasses, {
|
|
|
20
19
|
direction: 'col',
|
|
21
20
|
},
|
|
22
21
|
});
|
|
23
|
-
const RadioGroup =
|
|
22
|
+
const RadioGroup = ({ className, direction, options, groupLabel, helperText, invalidText, invalid, hidden, ref, ...props }) => {
|
|
24
23
|
const { id, labelId, helperTextId } = useFieldId();
|
|
25
24
|
return (_jsxs(RadioGroupPrimitive.Root, { id: id, ...props, ref: ref, className: cn('flex flex-col gap-2.5 group', hidden && 'hidden'), "aria-labelledby": labelId, "aria-describedby": helperText && helperTextId, children: [groupLabel && (_jsx(FormFieldLabel, { id: labelId, className: cn('mb-0 group-data-[disabled]:text-draeger-cool-gray-250'), label: groupLabel, required: props.required })), _jsx("div", { className: cn(radioGroupVariants({ direction, className })), children: options.map(item => (_jsx(RadioGroupItem, { invalid: invalid, ...item }, item.value))) }), helperText && (_jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, className: 'mt-0 group-data-[disabled]:text-draeger-cool-gray-250' })), invalid && invalidText && (_jsxs("div", { className: "flex gap-x-3 items-center", children: [_jsx(FormFieldIcon, { className: 'w-[1.12rem]', color: 'draeger-error', icon: _jsx(IconCoreFeedbackWarningFilledMono, {}) }), _jsx(FormFieldHelperText, { helperText: invalidText, invalid: invalid, className: 'mt-0' })] }))] }));
|
|
26
|
-
}
|
|
25
|
+
};
|
|
27
26
|
RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
|
|
28
|
-
const RadioGroupItem =
|
|
27
|
+
const RadioGroupItem = ({ className, label, invalid, ref, ...props }) => {
|
|
29
28
|
const { id, labelId } = useFieldId();
|
|
30
29
|
return (_jsxs("div", { className: "flex items-center space-x-3 font-text", children: [_jsx(RadioGroupPrimitive.Item, { className: cn('peer w-[1.125rem] h-[1.125rem] rounded-full border-[1.5px] border-border-primary shrink-0 data-[disabled]:border-draeger-cool-gray-250 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-border-accent', invalid && 'border-draeger-error', className), ref: ref, ...props, id: id, "aria-labelledby": labelId, tabIndex: 0, children: _jsx(RadioGroupPrimitive.Indicator, { className: cn("flex items-center justify-center w-full h-full relative after:content-[''] after:block after:w-2.5 after:h-2.5 after:rounded-full data-[disabled]:after:bg-draeger-cool-gray-250 after:bg-surface-brand", invalid && 'after:bg-draeger-error') }) }), _jsx(BodyText, { asChild: true, children: _jsx("label", { htmlFor: id, id: labelId, className: 'cursor-pointer group-data-[disabled]:cursor-not-allowed group-data-[disabled]:text-draeger-cool-gray-250 peer-data-[disabled]:text-draeger-cool-gray-250', children: label }) })] }));
|
|
31
|
-
}
|
|
30
|
+
};
|
|
32
31
|
RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
|
|
33
32
|
export { RadioGroup };
|
|
34
33
|
//# sourceMappingURL=RadioGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../../src/components/actions/radioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../../src/components/actions/radioGroup/RadioGroup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,8 @@ export interface SearchProps extends Omit<SearchPrimitiveProps, 'value' | 'onCha
|
|
|
7
7
|
}
|
|
8
8
|
export interface SearchPrimitiveProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, FormFieldWrapperVariants {
|
|
9
9
|
icons?: React.ReactNode;
|
|
10
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
10
11
|
}
|
|
11
|
-
declare const Search: React.
|
|
12
|
+
declare const Search: React.FC<SearchProps>;
|
|
12
13
|
export { Search };
|
|
13
14
|
//# sourceMappingURL=Search.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/search/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAIL,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,OAAO,GAAG,UAAU,CAAC,EACtD,IAAI,CAAC,SAAS,EAAE,kBAAkB,GAAG,UAAU,CAAC;IAClD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAC/D,wBAAwB;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/search/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAIL,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,OAAO,GAAG,UAAU,CAAC,EACtD,IAAI,CAAC,SAAS,EAAE,kBAAkB,GAAG,UAAU,CAAC;IAClD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAC/D,wBAAwB;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CACnC;AA8BD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA0DjC,CAAC;AAEF,OAAO,EAAC,MAAM,EAAC,CAAC"}
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import * as React from 'react';
|
|
3
2
|
import { cn } from '../../../utils';
|
|
4
3
|
import { useFieldId } from '../../../hooks';
|
|
5
4
|
import { FormFieldWrapper, FormFieldIconsContainer, FormFieldIcon, } from '../formField';
|
|
6
5
|
import { IconCoreClose, IconCoreSearch } from '../../icon';
|
|
7
|
-
const SearchPrimitive =
|
|
8
|
-
|
|
9
|
-
const Search = React.forwardRef(({ className, wrapperClassName, disabled, size, onChange, value, onSearch, ...props }, ref) => {
|
|
6
|
+
const SearchPrimitive = ({ className, size, icons, ref, ...inputProps }) => (_jsxs("div", { className: "relative inline-flex w-full", children: [_jsx(FormFieldIconsContainer, { className: "pointer-events-none", align: 'left', children: _jsx(FormFieldIcon, { "aria-hidden": true, icon: _jsx(IconCoreSearch, {}), color: inputProps.disabled ? 'disabled' : undefined }) }), _jsx(FormFieldWrapper, { className: cn('pl-16', className), size: size, children: _jsx("input", { type: "text", enterKeyHint: "search", role: "searchbox", ref: ref, ...inputProps }) }), _jsx(FormFieldIconsContainer, { children: icons })] }));
|
|
7
|
+
const Search = ({ className, wrapperClassName, disabled, size, onChange, value, onSearch, ref, ...props }) => {
|
|
10
8
|
const { id } = useFieldId();
|
|
11
9
|
const resetInputValue = () => onChange('');
|
|
12
10
|
const inputKeyDownHandler = (event) => {
|
|
@@ -27,7 +25,6 @@ const Search = React.forwardRef(({ className, wrapperClassName, disabled, size,
|
|
|
27
25
|
};
|
|
28
26
|
return (_jsx("div", { className: cn('font-text w-full', wrapperClassName), children: _jsx(SearchPrimitive, { id: id, ref: ref, value: value, disabled: disabled, size: size, onKeyDown: inputKeyDownHandler, onChange: e => onChange(e.target.value), className: cn('pr-16 placeholder-shown:pr-6', className), icons: Boolean(value.length) &&
|
|
29
27
|
!disabled && (_jsx(FormFieldIcon, { tabIndex: disabled ? -1 : 0, className: "outline-none cursor-pointer", icon: _jsx(IconCoreClose, {}), onClick: resetInputValue, onKeyDown: closeIconKeyDownHandler })), ...props }) }));
|
|
30
|
-
}
|
|
31
|
-
Search.displayName = 'Search';
|
|
28
|
+
};
|
|
32
29
|
export { Search };
|
|
33
30
|
//# sourceMappingURL=Search.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../src/components/actions/search/Search.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../src/components/actions/search/Search.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACvB,aAAa,GAGd,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,aAAa,EAAE,cAAc,EAAC,MAAM,YAAY,CAAC;AAiBzD,MAAM,eAAe,GAAmC,CAAC,EACvD,SAAS,EACT,IAAI,EACJ,KAAK,EACL,GAAG,EACH,GAAG,UAAU,EACd,EAAE,EAAE,CAAC,CACJ,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,uBAAuB,IAAC,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,MAAM,YACpE,KAAC,aAAa,yBAEZ,IAAI,EAAE,KAAC,cAAc,KAAG,EACxB,KAAK,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,GACnD,GACsB,EAC1B,KAAC,gBAAgB,IAAC,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,YAC7D,gBACE,IAAI,EAAC,MAAM,EACX,YAAY,EAAC,QAAQ,EACrB,IAAI,EAAC,WAAW,EAChB,GAAG,EAAE,GAAG,KACJ,UAAU,GACd,GACe,EACnB,KAAC,uBAAuB,cAAE,KAAK,GAA2B,IACtD,CACP,CAAC;AAEF,MAAM,MAAM,GAA0B,CAAC,EACrC,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAC,EAAE,EAAC,GAAG,UAAU,EAAE,CAAC;IAE1B,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE3C,MAAM,mBAAmB,GAAG,CAC1B,KAA4C,EAC5C,EAAE;QACF,IAAI,QAAQ;YAAE,OAAO;QACrB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YAC1B,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACtC,CAAC;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YAClC,eAAe,EAAE,CAAC;QACpB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,uBAAuB,GAAG,CAAC,KAAuC,EAAE,EAAE;QAC1E,IAAI,QAAQ;YAAE,OAAO;QACrB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG;YAAE,eAAe,EAAE,CAAC;IACpE,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,YACtD,KAAC,eAAe,IACd,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,mBAAmB,EAC9B,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACvC,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,EACxD,KAAK,EACH,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC;gBACrB,CAAC,QAAQ,IAAI,CACX,KAAC,aAAa,IACZ,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,SAAS,EAAC,6BAA6B,EACvC,IAAI,EAAE,KAAC,aAAa,KAAG,EACvB,OAAO,EAAE,eAAe,EACxB,SAAS,EAAE,uBAAuB,GAClC,CACH,KAEC,KAAK,GACT,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,MAAM,EAAC,CAAC"}
|
|
@@ -13,8 +13,9 @@ export interface SelectPrimitiveProps extends Omit<React.InputHTMLAttributes<HTM
|
|
|
13
13
|
placeholder?: string;
|
|
14
14
|
invalid?: boolean;
|
|
15
15
|
icons?: React.ReactNode;
|
|
16
|
+
ref?: React.Ref<HTMLSelectElement>;
|
|
16
17
|
}
|
|
17
|
-
declare const SelectPrimitive: React.
|
|
18
|
-
declare const Select: React.
|
|
18
|
+
declare const SelectPrimitive: React.FC<SelectPrimitiveProps>;
|
|
19
|
+
declare const Select: React.FC<SelectProps>;
|
|
19
20
|
export { Select, SelectPrimitive };
|
|
20
21
|
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAML,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAOtB,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAY,SAAQ,oBAAoB,EAAE,SAAS;IAClE,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;CAC1B;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,EAChE,wBAAwB;IAC1B,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAML,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAOtB,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAY,SAAQ,oBAAoB,EAAE,SAAS;IAClE,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;CAC1B;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,EAChE,wBAAwB;IAC1B,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACpC;AAKD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAkCnD,CAAC;AAEF,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA2DjC,CAAC;AAEF,OAAO,EAAC,MAAM,EAAE,eAAe,EAAC,CAAC"}
|
|
@@ -1,16 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import * as React from 'react';
|
|
3
2
|
import { cn } from '../../../utils';
|
|
4
3
|
import { FormFieldWrapper, FormFieldIconsContainer, FormFieldLabel, FormFieldIcon, FormFieldHelperText, } from '../formField';
|
|
5
4
|
import { useFieldId } from '../../../hooks';
|
|
6
5
|
import { IconCoreChevronDown, IconCoreFeedbackWarningFilledMono, } from '../../icon';
|
|
7
6
|
const selectPrimitiveClasses = 'enabled:cursor-pointer enabled:hover:bg-field-hover pr-14';
|
|
8
|
-
const SelectPrimitive =
|
|
9
|
-
|
|
10
|
-
const Select = React.forwardRef(({ className, wrapperClassName, label, required, helperText, invalidText, invalid, disabled, options, hidden, ...props }, ref) => {
|
|
7
|
+
const SelectPrimitive = ({ className, options = [], placeholder = '', size, icons, invalid, ref, ...selectProps }) => (_jsxs("div", { className: "relative inline-flex w-full", children: [_jsx(FormFieldWrapper, { className: cn(selectPrimitiveClasses, className), invalid: invalid, size: size, children: _jsxs("select", { ref: ref, ...selectProps, children: [_jsx("option", { value: "", children: placeholder }), options.map(({ value, label, disabled, hidden }) => (_jsx("option", { value: value, disabled: disabled, hidden: hidden, children: label }, label)))] }) }), _jsxs(FormFieldIconsContainer, { className: "pointer-events-none", children: [icons, _jsx(FormFieldIcon, { className: cn('cursor-pointer pointer-events-none'), icon: _jsx(IconCoreChevronDown, {}), color: selectProps.disabled ? 'disabled' : 'secondary' })] })] }));
|
|
8
|
+
const Select = ({ className, wrapperClassName, label, required, helperText, invalidText, invalid, disabled, options, hidden, ref, ...props }) => {
|
|
11
9
|
const { id, labelId, helperTextId } = useFieldId();
|
|
12
10
|
return (_jsxs("div", { className: cn('font-text w-full', hidden && 'hidden', wrapperClassName), children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled, required: required })), _jsx(SelectPrimitive, { id: id, ref: ref, options: options, required: required, disabled: disabled, "data-invalid": invalid, "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, className: cn(className, invalid && 'pr-[5.5rem]'), icons: invalid && (_jsx(FormFieldIcon, { className: "w-5", color: 'draeger-error', icon: _jsx(IconCoreFeedbackWarningFilledMono, {}) })), ...props }), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, disabled: disabled, invalid: invalid })] }));
|
|
13
|
-
}
|
|
14
|
-
Select.displayName = 'Select';
|
|
11
|
+
};
|
|
15
12
|
export { Select, SelectPrimitive };
|
|
16
13
|
//# sourceMappingURL=Select.js.map
|