@odx/websites-react 1.1.19 → 1.1.21
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.map +1 -1
- package/dist/components/actions/link/Link.d.ts.map +1 -1
- package/dist/components/actions/quantitySelector/QuantitySelector.d.ts +12 -0
- package/dist/components/actions/quantitySelector/QuantitySelector.d.ts.map +1 -0
- package/dist/components/actions/quantitySelector/QuantitySelector.js +34 -0
- package/dist/components/actions/quantitySelector/QuantitySelector.js.map +1 -0
- package/dist/components/actions/quantitySelector/index.d.ts +2 -0
- package/dist/components/actions/quantitySelector/index.d.ts.map +1 -0
- package/dist/components/actions/quantitySelector/index.js +2 -0
- package/dist/components/actions/quantitySelector/index.js.map +1 -0
- package/dist/components/actions/toast/Toast.d.ts +19 -0
- package/dist/components/actions/toast/Toast.d.ts.map +1 -0
- package/dist/components/actions/toast/Toast.js +22 -0
- package/dist/components/actions/toast/Toast.js.map +1 -0
- package/dist/components/actions/toast/ToastContext.d.ts +14 -0
- package/dist/components/actions/toast/ToastContext.d.ts.map +1 -0
- package/dist/components/actions/toast/ToastContext.js +30 -0
- package/dist/components/actions/toast/ToastContext.js.map +1 -0
- package/dist/components/actions/toast/index.d.ts +3 -0
- package/dist/components/actions/toast/index.d.ts.map +1 -0
- package/dist/components/actions/toast/index.js +3 -0
- package/dist/components/actions/toast/index.js.map +1 -0
- package/dist/components/actions/tooltip/Tooltip.d.ts +1 -1
- package/dist/components/actions/tooltip/Tooltip.d.ts.map +1 -1
- package/dist/components/actions/tooltip/Tooltip.js +1 -1
- package/dist/components/actions/tooltip/Tooltip.js.map +1 -1
- package/dist/components/images-icons/icon/Icon.d.ts +1 -1
- package/dist/components/images-icons/icon/Icon.d.ts.map +1 -1
- package/dist/components/images-icons/icon/Icon.js +1 -0
- package/dist/components/images-icons/icon/Icon.js.map +1 -1
- package/dist/components/images-icons/logo/logoSvgComponents.d.ts.map +1 -1
- package/dist/components/index.d.ts +4 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +4 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/layout/accordion/Accordion.d.ts +5 -0
- package/dist/components/layout/accordion/Accordion.d.ts.map +1 -1
- package/dist/components/layout/accordion/Accordion.js +10 -5
- package/dist/components/layout/accordion/Accordion.js.map +1 -1
- package/dist/components/layout/flexBox/FlexBox.d.ts +2 -0
- package/dist/components/layout/flexBox/FlexBox.d.ts.map +1 -1
- package/dist/components/layout/flexBox/FlexBox.js +9 -1
- package/dist/components/layout/flexBox/FlexBox.js.map +1 -1
- package/dist/components/layout/raqListItem/RaqListItem.d.ts +17 -0
- package/dist/components/layout/raqListItem/RaqListItem.d.ts.map +1 -0
- package/dist/components/layout/raqListItem/RaqListItem.js +12 -0
- package/dist/components/layout/raqListItem/RaqListItem.js.map +1 -0
- package/dist/components/layout/raqListItem/index.d.ts +2 -0
- package/dist/components/layout/raqListItem/index.d.ts.map +1 -0
- package/dist/components/layout/raqListItem/index.js +2 -0
- package/dist/components/layout/raqListItem/index.js.map +1 -0
- package/dist/components/layout/spacer/Spacer.d.ts +17 -0
- package/dist/components/layout/spacer/Spacer.d.ts.map +1 -0
- package/dist/components/layout/spacer/Spacer.js +19 -0
- package/dist/components/layout/spacer/Spacer.js.map +1 -0
- package/dist/components/layout/spacer/index.d.ts +2 -0
- package/dist/components/layout/spacer/index.d.ts.map +1 -0
- package/dist/components/layout/spacer/index.js +2 -0
- package/dist/components/layout/spacer/index.js.map +1 -0
- package/dist/components/layout/table/Table.d.ts +2 -0
- package/dist/components/layout/table/Table.d.ts.map +1 -1
- package/dist/components/layout/table/Table.js +10 -7
- package/dist/components/layout/table/Table.js.map +1 -1
- package/dist/components/navigation/header/Header.d.ts.map +1 -1
- package/dist/hooks/emblaCarousel/usePrevNextButtons.d.ts.map +1 -1
- package/dist/hooks/emblaCarousel/useSelectedSnapDisplay.d.ts.map +1 -1
- package/dist/hooks/emblaCarousel/useTabBarKeys.d.ts.map +1 -1
- package/dist/hooks/useBreakpoint/useBreakpoint.d.ts.map +1 -1
- package/dist/hooks/useElementSize/useElementSize.d.ts.map +1 -1
- package/dist/hooks/useScrollPosition/useScrollPosition.d.ts.map +1 -1
- package/dist/hooks/useToggle/useToggle.d.ts.map +1 -1
- package/dist/icons/IconDot.d.ts.map +1 -1
- package/dist/utils/scrollUtils.d.ts.map +1 -1
- package/dist/web/index.d.ts +1 -0
- package/dist/web/index.d.ts.map +1 -1
- package/dist/web/index.js +1 -0
- package/dist/web/index.js.map +1 -1
- package/dist/web/product/productBenefits/ProductBenefits.d.ts.map +1 -1
- package/dist/web/product/voicePoi/VoicePoi.d.ts +50 -0
- package/dist/web/product/voicePoi/VoicePoi.d.ts.map +1 -0
- package/dist/web/product/voicePoi/VoicePoi.js +63 -0
- package/dist/web/product/voicePoi/VoicePoi.js.map +1 -0
- package/dist/web/product/voicePoi/index.d.ts +2 -0
- package/dist/web/product/voicePoi/index.d.ts.map +1 -0
- package/dist/web/product/voicePoi/index.js +2 -0
- package/dist/web/product/voicePoi/index.js.map +1 -0
- package/dist/web/sections/calloutContact/CalloutContact.d.ts.map +1 -1
- package/package.json +23 -2
|
@@ -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,
|
|
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,UAAW,WAAW,SAAS,mBAAmB;;;;;mFAuBrE,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;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB,GACD;IACE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB,CAAC;AAEN,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,CAAC;AAElB,QAAA,MAAM,MAAM,uFAqCX,CAAC;AAGF,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAC9C,aAAa,GACb,YAAY,CAAC,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,GAClD,eAAe,CAAC;AAElB,QAAA,MAAM,UAAU;eAxKE,MAAO,SAAS;;;;;;;;eAkGjB,KAAK;gBACJ,KAAK;sBACC,KAAK;YACf,WAAW;;eArGP,MAAO,SAAS;;;;;;;;cAwGlB,KAAK,CAAC,SAAS;gBACb,KAAK,CAAC,SAAS;sBACT,mBAAmB;YAC7B,WAAW;;eA3GP,MAAO,SAAS;;;;;;;;eA8GjB,KAAK,CAAC,SAAS;eACf,KAAK,CAAC,SAAS;sBACR,mBAAmB;YAC7B,WAAW;oDA+FxB,CAAC;AAoBF,OAAO,EAAC,MAAM,EAAE,UAAU,EAAC,CAAC"}
|
|
@@ -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;AAClE,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AA6BlE,QAAA,MAAM,eAAe;;;;;;;;;CAGpB,CAAC;AAOF,KAAK,SAAS,GAAG,MAAM,OAAO,eAAe,CAAC;AAE9C,QAAA,MAAM,eAAe,
|
|
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;AAClE,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AA6BlE,QAAA,MAAM,eAAe;;;;;;;;;CAGpB,CAAC;AAOF,KAAK,SAAS,GAAG,MAAM,OAAO,eAAe,CAAC;AAE9C,QAAA,MAAM,eAAe,UAAW,SAAS;;;;mFAerC,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,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,kBAAkB,CAAC,cAAc,CAAC,EAC9C,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC7C,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,IAAI,kGA0CT,CAAC;AAGF,QAAA,MAAM,gBAAgB;;;mFAepB,CAAC;AAEH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0DrC,CAAC;AAEF,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
interface QuantitySelectorProps {
|
|
3
|
+
onUpdate: (value: number) => void;
|
|
4
|
+
initialValue: number;
|
|
5
|
+
variant?: 'sm' | 'lg';
|
|
6
|
+
minValue?: number;
|
|
7
|
+
maxValue?: number;
|
|
8
|
+
}
|
|
9
|
+
declare const QuantitySelector: React.FC<QuantitySelectorProps>;
|
|
10
|
+
export { QuantitySelector };
|
|
11
|
+
export type { QuantitySelectorProps };
|
|
12
|
+
//# sourceMappingURL=QuantitySelector.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"QuantitySelector.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/quantitySelector/QuantitySelector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAWD,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAgErD,CAAC;AAEF,OAAO,EAAC,gBAAgB,EAAC,CAAC;AAC1B,YAAY,EAAC,qBAAqB,EAAC,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { Icon } from '../../images-icons/icon';
|
|
5
|
+
import { Button } from '../button';
|
|
6
|
+
import { BodyText } from '../../typography/bodyText';
|
|
7
|
+
import { cn } from '../../../utils/utils';
|
|
8
|
+
const inputStyles = cn('transition-colors w-14 h-full text-center bg-draeger-field-disabled', 'border border-border-contrast', 'focus:bg-field-selected focus:outline-none focus:border focus:border-border-accent', '[appearance:textfield]', '[&::-webkit-outer-spin-button]:appearance-none [&::-webkit-outer-spin-button]:m-0', '[&::-webkit-inner-spin-button]:appearance-none [&::-webkit-inner-spin-button]:m-0');
|
|
9
|
+
const QuantitySelector = ({ onUpdate, initialValue, minValue = 1, maxValue = 9999, variant = 'lg', }) => {
|
|
10
|
+
const cappedMaxValue = maxValue <= 9999 ? maxValue : 9999;
|
|
11
|
+
const cappedMinValue = minValue >= 1 ? minValue : 1;
|
|
12
|
+
const [value, setValue] = React.useState(initialValue);
|
|
13
|
+
React.useEffect(() => {
|
|
14
|
+
onUpdate(value);
|
|
15
|
+
}, [value]);
|
|
16
|
+
const updateValue = (newValue) => {
|
|
17
|
+
if (newValue < cappedMinValue) {
|
|
18
|
+
setValue(cappedMinValue);
|
|
19
|
+
}
|
|
20
|
+
else if (newValue > cappedMaxValue) {
|
|
21
|
+
setValue(cappedMaxValue);
|
|
22
|
+
}
|
|
23
|
+
else {
|
|
24
|
+
setValue(newValue);
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
const variantSizeMap = {
|
|
28
|
+
sm: 'sm',
|
|
29
|
+
lg: 'md',
|
|
30
|
+
};
|
|
31
|
+
return (_jsxs("div", { className: "flex", children: [_jsx("div", { className: "border-l border-y border-border-contrast rounded-l-sm", children: _jsx(Button, { iconLeft: _jsx(Icon, { name: "core::minus", size: 'md' }), size: variantSizeMap[variant], variant: "ghost", disabled: value <= cappedMinValue, className: variant === 'sm' ? 'w-9' : 'w-11', onClick: () => updateValue(value - 1) }) }), _jsx(BodyText, { variant: "small", className: "flex items-center", children: _jsx("input", { type: "number", className: inputStyles, value: value, onChange: e => updateValue(Number(e.target.value)), min: cappedMinValue, max: cappedMaxValue }) }), _jsx("div", { className: "border-r border-y border-border-contrast rounded-r-sm", children: _jsx(Button, { iconLeft: _jsx(Icon, { name: "core::plus", size: 'md' }), size: variantSizeMap[variant], variant: "ghost", disabled: value >= cappedMaxValue, className: variant === 'sm' ? 'w-9' : 'w-11', onClick: () => updateValue(value + 1) }) })] }));
|
|
32
|
+
};
|
|
33
|
+
export { QuantitySelector };
|
|
34
|
+
//# sourceMappingURL=QuantitySelector.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"QuantitySelector.js","sourceRoot":"","sources":["../../../../src/components/actions/quantitySelector/QuantitySelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/quantitySelector/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/actions/quantitySelector/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
interface ToastDataProps {
|
|
3
|
+
variant: 'success' | 'info' | 'warning' | 'error';
|
|
4
|
+
headline: string;
|
|
5
|
+
message: string;
|
|
6
|
+
links?: {
|
|
7
|
+
label: string;
|
|
8
|
+
href: string;
|
|
9
|
+
}[];
|
|
10
|
+
onClose: () => void;
|
|
11
|
+
}
|
|
12
|
+
interface ToastProps {
|
|
13
|
+
closeToast: () => void;
|
|
14
|
+
data: ToastDataProps;
|
|
15
|
+
}
|
|
16
|
+
declare const Toast: React.FC<ToastProps>;
|
|
17
|
+
export { Toast };
|
|
18
|
+
export type { ToastProps, ToastDataProps };
|
|
19
|
+
//# sourceMappingURL=Toast.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/toast/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,UAAU,cAAc;IACtB,OAAO,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IAClD,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;KACd,EAAE,CAAC;IACJ,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AACD,UAAU,UAAU;IAClB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,IAAI,EAAE,cAAc,CAAC;CACtB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA2D/B,CAAC;AAEF,OAAO,EAAC,KAAK,EAAC,CAAC;AACf,YAAY,EAAC,UAAU,EAAE,cAAc,EAAC,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { Card, CardAction, CardActionsWrapper, CardBody, CardContent, } from '../../layout/card';
|
|
4
|
+
import { Button, LinkButton } from '../button/Button';
|
|
5
|
+
import { Icon } from '../../images-icons/icon';
|
|
6
|
+
import { BodyText } from '../../typography/bodyText/BodyText';
|
|
7
|
+
const Toast = ({ closeToast, data }) => {
|
|
8
|
+
const iconMap = {
|
|
9
|
+
success: 'core::check',
|
|
10
|
+
info: 'core::info',
|
|
11
|
+
warning: 'core::warning',
|
|
12
|
+
error: 'core::error',
|
|
13
|
+
};
|
|
14
|
+
return (_jsxs(Card, { className: "w-auto lg:w-[464px] p-3 rounded-md bg-surface-tertiary shadow-draeger-drop-shadow-level-1", children: [_jsx(CardBody, { className: "p-0", children: _jsx(CardContent, { children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx(Icon, { className: "text-black",
|
|
15
|
+
// eslint-disable-next-line no-undef
|
|
16
|
+
name: iconMap[data.variant], size: "md" }), _jsxs("div", { className: "w-full", children: [_jsx(BodyText, { variant: "small", weight: "bold", className: "text-draeger-dark-blue-700", children: data.headline }), _jsx(BodyText, { variant: "small", children: data.message })] }), _jsx(Button, { onClick: () => {
|
|
17
|
+
closeToast();
|
|
18
|
+
data.onClose();
|
|
19
|
+
}, className: "text-black", variant: "ghost", iconLeft: _jsx(Icon, { name: "core::close", size: "md" }) })] }) }) }), data?.links?.length && data?.links?.length > 0 && (_jsx(CardActionsWrapper, { className: "p-0 mt-2 min-h-px", children: _jsx(CardAction, { className: "flex-row justify-end gap-3", children: data.links.map(link => (_jsx(LinkButton, { href: link.href, variant: "ghost", size: "sm", children: link.label }, link.label))) }) }))] }));
|
|
20
|
+
};
|
|
21
|
+
export { Toast };
|
|
22
|
+
//# sourceMappingURL=Toast.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../../src/components/actions/toast/Toast.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,IAAI,EACJ,UAAU,EACV,kBAAkB,EAClB,QAAQ,EACR,WAAW,GACZ,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAC,MAAM,EAAE,UAAU,EAAC,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAC,IAAI,EAAC,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAC,QAAQ,EAAC,MAAM,oCAAoC,CAAC;AAiB5D,MAAM,KAAK,GAAyB,CAAC,EAAC,UAAU,EAAE,IAAI,EAAC,EAAE,EAAE;IACzD,MAAM,OAAO,GAAG;QACd,OAAO,EAAE,aAAa;QACtB,IAAI,EAAE,YAAY;QAClB,OAAO,EAAE,eAAe;QACxB,KAAK,EAAE,aAAa;KACrB,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,2FAA2F,aACzG,KAAC,QAAQ,IAAC,SAAS,EAAC,KAAK,YACvB,KAAC,WAAW,cACV,eAAK,SAAS,EAAC,wBAAwB,aACrC,KAAC,IAAI,IACH,SAAS,EAAC,YAAY;gCACtB,oCAAoC;gCACpC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO,CAAmB,EAC7C,IAAI,EAAC,IAAI,GACT,EACF,eAAK,SAAS,EAAC,QAAQ,aACrB,KAAC,QAAQ,IACP,OAAO,EAAC,OAAO,EACf,MAAM,EAAC,MAAM,EACb,SAAS,EAAC,4BAA4B,YAErC,IAAI,CAAC,QAAQ,GACL,EACX,KAAC,QAAQ,IAAC,OAAO,EAAC,OAAO,YAAE,IAAI,CAAC,OAAO,GAAY,IAC/C,EACN,KAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE;oCACZ,UAAU,EAAE,CAAC;oCACb,IAAI,CAAC,OAAO,EAAE,CAAC;gCACjB,CAAC,EACD,SAAS,EAAC,YAAY,EACtB,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,IAAI,GAAG,GAC/C,IACE,GACM,GACL,EACV,IAAI,EAAE,KAAK,EAAE,MAAM,IAAI,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,IAAI,CACjD,KAAC,kBAAkB,IAAC,SAAS,EAAC,mBAAmB,YAC/C,KAAC,UAAU,IAAC,SAAS,EAAC,4BAA4B,YAC/C,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACtB,KAAC,UAAU,IACT,IAAI,EAAE,IAAI,CAAC,IAAI,EAEf,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,YAER,IAAI,CAAC,KAAK,IAJN,IAAI,CAAC,KAAK,CAKJ,CACd,CAAC,GACS,GACM,CACtB,IACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,KAAK,EAAC,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ToastDataProps } from './Toast';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
interface ToastContextType {
|
|
4
|
+
addToast: ({ toast }: {
|
|
5
|
+
toast: ToastDataProps;
|
|
6
|
+
}) => void;
|
|
7
|
+
}
|
|
8
|
+
export declare const ToastContext: React.Context<ToastContextType>;
|
|
9
|
+
export declare const ToastContextProvider: ({ children, }: {
|
|
10
|
+
children: React.ReactNode;
|
|
11
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare const useToast: () => ToastContextType;
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=ToastContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToastContext.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/toast/ToastContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,cAAc,EAAC,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,UAAU,gBAAgB;IACxB,QAAQ,EAAE,CAAC,EAAC,KAAK,EAAC,EAAE;QAAC,KAAK,EAAE,cAAc,CAAA;KAAC,KAAK,IAAI,CAAC;CACtD;AAED,eAAO,MAAM,YAAY,iCAEvB,CAAC;AAQH,eAAO,MAAM,oBAAoB,kBAE9B;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,4CAoBA,CAAC;AAEF,eAAO,MAAM,QAAQ,wBAEpB,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { Toast } from './Toast';
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import { ToastContainer, Zoom, toast as toastify, } from 'react-toastify';
|
|
6
|
+
export const ToastContext = React.createContext({
|
|
7
|
+
addToast: () => { },
|
|
8
|
+
});
|
|
9
|
+
const DEFAULT_TIMEOUT = 3000;
|
|
10
|
+
const CustomToast = ({ closeToast, data }) => {
|
|
11
|
+
return _jsx(Toast, { data: data, closeToast: closeToast });
|
|
12
|
+
};
|
|
13
|
+
export const ToastContextProvider = ({ children, }) => {
|
|
14
|
+
const addToast = ({ toast }) => {
|
|
15
|
+
toastify(CustomToast, {
|
|
16
|
+
data: toast,
|
|
17
|
+
position: 'top-center',
|
|
18
|
+
closeButton: false,
|
|
19
|
+
className: 'px-3 md:px-6 xl:px-0 py-2 lg:w-[464px] shadow-none bg-transparent',
|
|
20
|
+
hideProgressBar: true,
|
|
21
|
+
transition: Zoom,
|
|
22
|
+
autoClose: DEFAULT_TIMEOUT,
|
|
23
|
+
});
|
|
24
|
+
};
|
|
25
|
+
return (_jsxs(ToastContext.Provider, { value: { addToast }, children: [_jsx(ToastContainer, {}), children] }));
|
|
26
|
+
};
|
|
27
|
+
export const useToast = () => {
|
|
28
|
+
return React.useContext(ToastContext);
|
|
29
|
+
};
|
|
30
|
+
//# sourceMappingURL=ToastContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToastContext.js","sourceRoot":"","sources":["../../../../src/components/actions/toast/ToastContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,KAAK,EAAiB,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,cAAc,EACd,IAAI,EAEJ,KAAK,IAAI,QAAQ,GAClB,MAAM,gBAAgB,CAAC;AAMxB,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAmB;IAChE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,IAAI,CAAC;AAE7B,MAAM,WAAW,GAAG,CAAC,EAAC,UAAU,EAAE,IAAI,EAAoC,EAAE,EAAE;IAC5E,OAAO,KAAC,KAAK,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,GAAI,CAAC;AACvD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,QAAQ,GAGT,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,CAAC,EAAC,KAAK,EAA0B,EAAE,EAAE;QACpD,QAAQ,CAAC,WAAW,EAAE;YACpB,IAAI,EAAE,KAAK;YACX,QAAQ,EAAE,YAAY;YACtB,WAAW,EAAE,KAAK;YAClB,SAAS,EACP,mEAAmE;YACrE,eAAe,EAAE,IAAI;YACrB,UAAU,EAAE,IAAI;YAChB,SAAS,EAAE,eAAe;SAC3B,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAC,aACtC,KAAC,cAAc,KAAG,EACjB,QAAQ,IACa,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,OAAO,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;AACxC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/toast/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/actions/toast/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC"}
|
|
@@ -4,7 +4,7 @@ import { Button } from '../..';
|
|
|
4
4
|
export interface TooltipProps {
|
|
5
5
|
initialOpenedState?: boolean;
|
|
6
6
|
title?: string;
|
|
7
|
-
text: string;
|
|
7
|
+
text: string | React.ReactNode;
|
|
8
8
|
placement?: Placement;
|
|
9
9
|
className?: string;
|
|
10
10
|
triggerButtonProps?: React.ComponentProps<typeof Button>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAiBL,KAAK,SAAS,EACf,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAC,MAAM,EAAO,MAAM,OAAO,CAAC;AAEnC,MAAM,WAAW,YAAY;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAiBL,KAAK,SAAS,EACf,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAC,MAAM,EAAO,MAAM,OAAO,CAAC;AAEnC,MAAM,WAAW,YAAY;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;CAC1D;AAiBD,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAmFnC,CAAC;AAEF,OAAO,EAAC,OAAO,EAAC,CAAC"}
|
|
@@ -43,7 +43,7 @@ const Tooltip = ({ initialOpenedState = false, placement = 'top', className, tri
|
|
|
43
43
|
dismiss,
|
|
44
44
|
role,
|
|
45
45
|
]);
|
|
46
|
-
return (_jsxs(_Fragment, { children: [_jsx(Button, { variant: 'ghost', size: 'md', inheritColor: true, iconLeft: _jsx(Icon, { size: "md", name: "core::info", center: "vertical" }), ref: refs.setReference, ...getReferenceProps(), ...triggerButtonProps }), _jsx(FloatingPortal, { children: isMounted && (_jsxs("div", { ref: refs.setFloating, className: cn('z-50 p-3 rounded-sm bg-draeger-warm-gray-750 w-[20.5rem]', getContentSidePadding(context.placement), className), style: {
|
|
46
|
+
return (_jsxs(_Fragment, { children: [_jsx(Button, { variant: 'ghost', size: 'md', inheritColor: true, iconLeft: _jsx(Icon, { size: "md", color: "gray", name: "core::info", center: "vertical" }), ref: refs.setReference, ...getReferenceProps(), ...triggerButtonProps }), _jsx(FloatingPortal, { children: isMounted && (_jsxs("div", { ref: refs.setFloating, className: cn('z-50 p-3 rounded-sm bg-draeger-warm-gray-750 w-[20.5rem]', getContentSidePadding(context.placement), className), style: {
|
|
47
47
|
...floatingStyles,
|
|
48
48
|
...styles,
|
|
49
49
|
}, ...getFloatingProps(), children: [_jsx(FloatingArrow, { className: "fill-draeger-warm-gray-750", ref: arrowRef, context: context, width: 16, height: 8 }), _jsxs("div", { className: "flex flex-col gap-y-0.5 font-text", children: [_jsx("p", { className: cn(contentTextClasses, 'font-semibold'), children: title }), _jsx("p", { className: contentTextClasses, children: text })] })] })) })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/actions/tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,IAAI,EACJ,MAAM,EACN,KAAK,EACL,KAAK,EACL,UAAU,EACV,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,OAAO,EACP,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,aAAa,GAGd,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,OAAO,CAAC;AAWnC,MAAM,gBAAgB,GAAG;IACvB,GAAG,EAAE,MAAM;IACX,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,IAAI,EAAE,MAAM;CACW,CAAC;AAE1B,MAAM,qBAAqB,GAAG,CAAC,SAAoB,EAAE,EAAE;IACrD,MAAM,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACpC,OAAO,gBAAgB,CAAC,IAAY,CAAC,CAAC;AACxC,CAAC,CAAC;AAEF,MAAM,kBAAkB,GACtB,qFAAqF,CAAC;AAExF,MAAM,OAAO,GAA2B,CAAC,EACvC,kBAAkB,GAAG,KAAK,EAC1B,SAAS,GAAG,KAAK,EACjB,SAAS,EACT,kBAAkB,EAClB,KAAK,EACL,IAAI,GACL,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IAC/D,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAgB,IAAI,CAAC,CAAC;IAEnD,MAAM,EAAC,IAAI,EAAE,cAAc,EAAE,OAAO,EAAC,GAAG,WAAW,CAAC;QAClD,IAAI,EAAE,MAAM;QACZ,SAAS;QACT,YAAY,EAAE,SAAS;QACvB,oBAAoB,EAAE,UAAU;QAChC,UAAU,EAAE;YACV,MAAM,CAAC;gBACL,aAAa,EAAE,SAAS,IAAI,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;gBAClE,QAAQ,EAAE,EAAE;aACb,CAAC;YACF,IAAI,EAAE;YACN,KAAK,EAAE;YACP,KAAK,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAC,CAAC;SAC3B;KACF,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,EAAC,CAAC,CAAC;IAC3E,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAChC,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC,CAAC,CAAC;IACjD,MAAM,EAAC,SAAS,EAAE,MAAM,EAAC,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAC;IACzD,MAAM,EAAC,iBAAiB,EAAE,gBAAgB,EAAC,GAAG,eAAe,CAAC;QAC5D,KAAK;QACL,KAAK;QACL,OAAO;QACP,IAAI;KACL,CAAC,CAAC;IAEH,OAAO,CACL,8BACE,KAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,YAAY,QACZ,QAAQ,
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/actions/tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { VariantProps } from 'class-variance-authority';
|
|
3
3
|
declare const iconVariants: (props?: ({
|
|
4
|
-
color?: "accent" | "invert" | "primary" | "disabled" | "default" | "secondary" | "draeger-white" | "draeger-error" | null | undefined;
|
|
4
|
+
color?: "accent" | "invert" | "primary" | "disabled" | "default" | "secondary" | "draeger-white" | "draeger-error" | "gray" | null | undefined;
|
|
5
5
|
center?: "vertical" | "default" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
7
7
|
declare const iconContainerVariants: (props?: ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/images-icons/icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAQ3D,QAAA,MAAM,YAAY;;;
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/images-icons/icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAQ3D,QAAA,MAAM,YAAY;;;mFAsBhB,CAAC;AAEH,QAAA,MAAM,qBAAqB;;mFAazB,CAAC;AAcH,MAAM,WAAW,aACf,SAAQ,IAAI,CACR,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,EACvE,OAAO,CACR,EACD,YAAY,CAAC,OAAO,qBAAqB,CAAC,EAC1C,YAAY,CAAC,OAAO,YAAY,CAAC;CAAG;AAExC,MAAM,MAAM,SAAS,GAAG;IAEtB,IAAI,EAAE,MAAM,QAAQ,CAAC;CACtB,GAAG,aAAa,CAAC;AAElB,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC;IAEjE,IAAI,EAAE,MAAM,YAAY,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,iBAAS,IAAI,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,2CAOxE;AAED,iBAAS,QAAQ,CAAC,EAChB,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,SAAS,EACT,WAAmB,EACnB,GAAG,KAAK,EACT,EAAE,aAAa,2CAcf;AAED,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/images-icons/icon/Icon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAQ3D,MAAM,YAAY,GAAG,GAAG,CAAC,iBAAiB,EAAE;IAC1C,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,mBAAmB;YAC5B,SAAS,EAAE,qBAAqB;YAChC,MAAM,EAAE,kBAAkB;YAC1B,QAAQ,EAAE,oBAAoB;YAC9B,MAAM,EAAE,kBAAkB;YAC1B,eAAe,EAAE,oBAAoB;YACrC,eAAe,EAAE,oBAAoB;
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/images-icons/icon/Icon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAQ3D,MAAM,YAAY,GAAG,GAAG,CAAC,iBAAiB,EAAE;IAC1C,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,mBAAmB;YAC5B,SAAS,EAAE,qBAAqB;YAChC,MAAM,EAAE,kBAAkB;YAC1B,QAAQ,EAAE,oBAAoB;YAC9B,MAAM,EAAE,kBAAkB;YAC1B,eAAe,EAAE,oBAAoB;YACrC,eAAe,EAAE,oBAAoB;YACrC,IAAI,EAAE,4BAA4B;SACnC;QACD,MAAM,EAAE;YACN,OAAO,EAAE,EAAE;YACX,QAAQ,EAAE,2BAA2B;SACtC;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,UAAU;KACnB;CACF,CAAC,CAAC;AAEH,MAAM,qBAAqB,GAAG,GAAG,CAAC,mBAAmB,EAAE;IACrD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,cAAc;YACvB,EAAE,EAAE,+BAA+B;YACnC,EAAE,EAAE,0BAA0B;YAC9B,EAAE,EAAE,6BAA6B;YACjC,EAAE,EAAE,kCAAkC;SACvC;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAMH,MAAM,WAAW,GAA+B,CAAC,EAC/C,SAAS,EACT,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,cAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,CAAC,EAAC,IAAI,EAAC,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC5E,CAAC;AAqBF,SAAS,IAAI,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAY;IACvE,MAAM,aAAa,GAAG,UAAiB,CAAC;IACxC,OAAO,CACL,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,KAAM,KAAK,YACtD,KAAC,aAAa,IAAC,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,EAAC,KAAK,EAAE,MAAM,EAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,GAAI,GAC3D,CACf,CAAC;AACJ,CAAC;AAED,SAAS,QAAQ,CAAC,EAChB,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,SAAS,EACT,WAAW,GAAG,KAAK,EACnB,GAAG,KAAK,EACM;IACd,MAAM,aAAa,GAAG,eAAsB,CAAC;IAE7C,OAAO,CACL,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,KAAM,KAAK,YACtD,KAAC,aAAa,IACZ,KAAK,EAAE,EAAE,CACP,YAAY,CAAC,EAAC,MAAM,EAAC,CAAC,EACtB,WAAW,IAAI,4CAA4C,CAC5D,EACD,IAAI,EAAE,IAAI,GACV,GACU,CACf,CAAC;AACJ,CAAC;AAED,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"logoSvgComponents.d.ts","sourceRoot":"","sources":["../../../../src/components/images-icons/logo/logoSvgComponents.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"logoSvgComponents.d.ts","sourceRoot":"","sources":["../../../../src/components/images-icons/logo/logoSvgComponents.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,UAAW,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,4CAWlE,CAAC;AAEF,eAAO,MAAM,OAAO,UAAW,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,4CAI3D,CAAC"}
|
|
@@ -23,6 +23,8 @@ export * from './actions/dropdown';
|
|
|
23
23
|
export * from './actions/search';
|
|
24
24
|
export * from './actions/questionnaireFieldset';
|
|
25
25
|
export * from './actions/filterPanel';
|
|
26
|
+
export * from './actions/quantitySelector';
|
|
27
|
+
export * from './actions/toast';
|
|
26
28
|
/**
|
|
27
29
|
* Image and icon components
|
|
28
30
|
*/
|
|
@@ -70,9 +72,11 @@ export * from './layout/block';
|
|
|
70
72
|
export * from './layout/container';
|
|
71
73
|
export * from './layout/theme';
|
|
72
74
|
export * from './layout/grid';
|
|
75
|
+
export * from './layout/spacer';
|
|
73
76
|
export * from './layout/sheet';
|
|
74
77
|
export * from './layout/teaserBreakerBox';
|
|
75
78
|
export * from './layout/metric';
|
|
79
|
+
export * from './layout/raqListItem';
|
|
76
80
|
/**
|
|
77
81
|
* Typography components
|
|
78
82
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC;;GAEG;AACH,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AAErC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAE5C;;GAEG;AACH,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC;;GAEG;AACH,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AAEtC;;GAEG;AACH,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAE5C;;GAEG;AACH,cAAc,mBAAmB,CAAC"}
|
package/dist/components/index.js
CHANGED
|
@@ -23,6 +23,8 @@ export * from './actions/dropdown';
|
|
|
23
23
|
export * from './actions/search';
|
|
24
24
|
export * from './actions/questionnaireFieldset';
|
|
25
25
|
export * from './actions/filterPanel';
|
|
26
|
+
export * from './actions/quantitySelector';
|
|
27
|
+
export * from './actions/toast';
|
|
26
28
|
/**
|
|
27
29
|
* Image and icon components
|
|
28
30
|
*/
|
|
@@ -70,9 +72,11 @@ export * from './layout/block';
|
|
|
70
72
|
export * from './layout/container';
|
|
71
73
|
export * from './layout/theme';
|
|
72
74
|
export * from './layout/grid';
|
|
75
|
+
export * from './layout/spacer';
|
|
73
76
|
export * from './layout/sheet';
|
|
74
77
|
export * from './layout/teaserBreakerBox';
|
|
75
78
|
export * from './layout/metric';
|
|
79
|
+
export * from './layout/raqListItem';
|
|
76
80
|
/**
|
|
77
81
|
* Typography components
|
|
78
82
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC;;GAEG;AACH,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AAErC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAE5C;;GAEG;AACH,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC;;GAEG;AACH,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AAEtC;;GAEG;AACH,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAE5C;;GAEG;AACH,cAAc,mBAAmB,CAAC"}
|
|
@@ -3,6 +3,7 @@ import { HeadlineProps } from '../../typography/headline';
|
|
|
3
3
|
export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
4
|
defaultValues?: string[];
|
|
5
5
|
size?: 'lg' | 'md' | 'sm';
|
|
6
|
+
multiple?: boolean;
|
|
6
7
|
}
|
|
7
8
|
export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
8
9
|
value: string;
|
|
@@ -14,12 +15,16 @@ export interface AccordionContentProps extends React.HTMLAttributes<HTMLDivEleme
|
|
|
14
15
|
fullWidth?: boolean;
|
|
15
16
|
}
|
|
16
17
|
export interface AccordionItemToggleProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
18
|
+
children?: React.ReactNode;
|
|
17
19
|
headline?: string;
|
|
18
20
|
size?: 'lg' | 'md' | 'sm';
|
|
19
21
|
headingLevel?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
20
22
|
headlineActAs?: HeadlineProps['actAs'];
|
|
21
23
|
}
|
|
22
24
|
declare const Accordion: React.FC<AccordionProps>;
|
|
25
|
+
export declare const accordionToggleVariants: (props?: ({
|
|
26
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
27
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
23
28
|
declare const AccordionItemToggle: React.FC<AccordionItemToggleProps>;
|
|
24
29
|
declare const AccordionItem: React.FC<AccordionItemProps>;
|
|
25
30
|
declare const AccordionContent: React.FC<AccordionContentProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/accordion/Accordion.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAGlE,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/accordion/Accordion.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAGlE,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC;CAAG;AAE9C,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACvD,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiCvC,CAAC;AAKF,eAAO,MAAM,uBAAuB;;mFAWlC,CAAC;AAEH,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA2C3D,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAS7C,CAAC;AA0BJ,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAoCrD,CAAC;AAEF,OAAO,EAAC,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,mBAAmB,EAAC,CAAC"}
|
|
@@ -7,7 +7,7 @@ import { useElementSize } from '../../../hooks/useElementSize';
|
|
|
7
7
|
import { AccordionContext, AccordionItemContext, useAccordionItemContext, } from './AccordionContext';
|
|
8
8
|
import { Headline } from '../../typography/headline';
|
|
9
9
|
import { Icon } from '../../images-icons/icon';
|
|
10
|
-
const Accordion = ({ defaultValues = [], children, className, size = 'md', ...props }) => {
|
|
10
|
+
const Accordion = ({ multiple = false, defaultValues = [], children, className, size = 'md', ...props }) => {
|
|
11
11
|
const [activeItems, setActiveItems] = React.useState(defaultValues);
|
|
12
12
|
const toggleItem = (item) => {
|
|
13
13
|
if (activeItems.includes(item)) {
|
|
@@ -15,13 +15,18 @@ const Accordion = ({ defaultValues = [], children, className, size = 'md', ...pr
|
|
|
15
15
|
setActiveItems(updatedItems);
|
|
16
16
|
}
|
|
17
17
|
else {
|
|
18
|
-
|
|
18
|
+
if (multiple) {
|
|
19
|
+
setActiveItems([...activeItems, item]);
|
|
20
|
+
}
|
|
21
|
+
else {
|
|
22
|
+
setActiveItems([item]);
|
|
23
|
+
}
|
|
19
24
|
}
|
|
20
25
|
};
|
|
21
26
|
return (children && (_jsx(AccordionContext.Provider, { value: { activeItems, toggleItem, size }, children: _jsx("div", { ...props, className: cn('font-text flex flex-col', className), children: children }) })));
|
|
22
27
|
};
|
|
23
28
|
const baseAccordionItemToggleClassName = 'transition-[box-shadow] disabled:pointer-events-none px-6 w-full cursor-pointer flex justify-between align-middle font-text font-semibold text-2xl leading-7 focus:outline-none focus:ring-2 focus:ring-draeger-air-blue-250 hover:bg-draeger-field-disabled';
|
|
24
|
-
const accordionToggleVariants = cva(baseAccordionItemToggleClassName, {
|
|
29
|
+
export const accordionToggleVariants = cva(baseAccordionItemToggleClassName, {
|
|
25
30
|
variants: {
|
|
26
31
|
size: {
|
|
27
32
|
sm: 'py-1.5',
|
|
@@ -33,9 +38,9 @@ const accordionToggleVariants = cva(baseAccordionItemToggleClassName, {
|
|
|
33
38
|
size: 'md',
|
|
34
39
|
},
|
|
35
40
|
});
|
|
36
|
-
const AccordionItemToggle = ({ headline, className, headingLevel, headlineActAs, ...props }) => {
|
|
41
|
+
const AccordionItemToggle = ({ children, headline, className, headingLevel, headlineActAs, ...props }) => {
|
|
37
42
|
const { isExpanded, value, toggleItem, size } = useAccordionItemContext();
|
|
38
|
-
return (_jsxs("button", { ...props, "aria-expanded": isExpanded, id: `trigger_${value}`, "aria-controls": `panel_${value}`, onClick: toggleItem, className: cn(accordionToggleVariants({ size }), className, 'group'), children: [_jsx(Headline, { className: cn('text-draeger-dark-gray text-left', props.disabled && 'text-draeger-cool-gray-150'), headingLevel: headingLevel || 'h6', actAs: headlineActAs, children: headline }), _jsx(Icon, { size: 'md', name: "core::chevron-down", center: "vertical", color: props.disabled ? 'disabled' : 'secondary', className: 'ml-4 group-aria-expanded:rotate-180 transition-all duration-100' })] }));
|
|
43
|
+
return (_jsxs("button", { ...props, "aria-expanded": isExpanded, id: `trigger_${value}`, "aria-controls": `panel_${value}`, onClick: toggleItem, className: cn(accordionToggleVariants({ size }), className, 'group'), children: [React.isValidElement(children) ? (children) : (_jsx(Headline, { className: cn('text-draeger-dark-gray text-left', props.disabled && 'text-draeger-cool-gray-150'), headingLevel: headingLevel || 'h6', actAs: headlineActAs, children: headline })), _jsx(Icon, { size: 'md', name: "core::chevron-down", center: "vertical", color: props.disabled ? 'disabled' : 'secondary', className: 'ml-4 group-aria-expanded:rotate-180 transition-all duration-100' })] }));
|
|
39
44
|
};
|
|
40
45
|
const AccordionItem = ({ children, value, ...props }) => children && (_jsx(AccordionItemContext.Provider, { value: value, children: _jsx(AccordionItemWrapper, { ...props, children: children }) }));
|
|
41
46
|
const baseAccordionItemWrapperClassName = 'text-draeger-dark-gray transition-all';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/layout/accordion/Accordion.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,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC7C,OAAO,EAAC,cAAc,EAAC,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,uBAAuB,GACxB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,IAAI,EAAC,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/layout/accordion/Accordion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,8 @@ declare const flexBoxVariants: (props?: ({
|
|
|
5
5
|
align?: "end" | "start" | "center" | null | undefined;
|
|
6
6
|
gap?: "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
|
|
7
7
|
wrap?: boolean | null | undefined;
|
|
8
|
+
justify?: "end" | "start" | "center" | null | undefined;
|
|
9
|
+
fullWidth?: boolean | null | undefined;
|
|
8
10
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
9
11
|
export interface FlexBoxProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof flexBoxVariants> {
|
|
10
12
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlexBox.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/flexBox/FlexBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAGhE,QAAA,MAAM,eAAe
|
|
1
|
+
{"version":3,"file":"FlexBox.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/flexBox/FlexBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAGhE,QAAA,MAAM,eAAe;;;;;;;mFAkCnB,CAAC;AAEH,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,eAAe,CAAC;CAAG;AAE3C,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAiBnC,CAAC;AAEF,OAAO,EAAC,OAAO,EAAC,CAAC"}
|
|
@@ -23,11 +23,19 @@ const flexBoxVariants = cva('flex', {
|
|
|
23
23
|
true: 'flex-wrap',
|
|
24
24
|
false: 'flex-nowrap',
|
|
25
25
|
},
|
|
26
|
+
justify: {
|
|
27
|
+
start: 'justify-start',
|
|
28
|
+
end: 'justify-end',
|
|
29
|
+
center: 'justify-center',
|
|
30
|
+
},
|
|
31
|
+
fullWidth: {
|
|
32
|
+
true: 'w-full',
|
|
33
|
+
},
|
|
26
34
|
},
|
|
27
35
|
defaultVariants: {
|
|
28
36
|
wrap: true,
|
|
29
37
|
},
|
|
30
38
|
});
|
|
31
|
-
const FlexBox = ({ className, direction, align, gap, wrap, ...props }) => (_jsx("div", { ...props, className: cn(flexBoxVariants({ direction, align, gap, wrap }), className) }));
|
|
39
|
+
const FlexBox = ({ className, direction, align, gap, wrap, justify, fullWidth, ...props }) => (_jsx("div", { ...props, className: cn(flexBoxVariants({ direction, align, gap, wrap, justify, fullWidth }), className) }));
|
|
32
40
|
export { FlexBox };
|
|
33
41
|
//# sourceMappingURL=FlexBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlexBox.js","sourceRoot":"","sources":["../../../../src/components/layout/flexBox/FlexBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,eAAe,GAAG,GAAG,CAAC,MAAM,EAAE;IAClC,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,GAAG,EAAE,UAAU;YACf,GAAG,EAAE,UAAU;SAChB;QACD,KAAK,EAAE;YACL,KAAK,EAAE,aAAa;YACpB,GAAG,EAAE,WAAW;YAChB,MAAM,EAAE,cAAc;SACvB;QACD,GAAG,EAAE;YACH,EAAE,EAAE,OAAO;YACX,EAAE,EAAE,OAAO;YACX,EAAE,EAAE,OAAO;YACX,EAAE,EAAE,OAAO;YACX,KAAK,EAAE,OAAO;SACf;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,aAAa;SACrB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAMH,MAAM,OAAO,GAA2B,CAAC,EACvC,SAAS,EACT,SAAS,EACT,KAAK,EACL,GAAG,EACH,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,iBACM,KAAK,EACT,SAAS,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"FlexBox.js","sourceRoot":"","sources":["../../../../src/components/layout/flexBox/FlexBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,eAAe,GAAG,GAAG,CAAC,MAAM,EAAE;IAClC,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,GAAG,EAAE,UAAU;YACf,GAAG,EAAE,UAAU;SAChB;QACD,KAAK,EAAE;YACL,KAAK,EAAE,aAAa;YACpB,GAAG,EAAE,WAAW;YAChB,MAAM,EAAE,cAAc;SACvB;QACD,GAAG,EAAE;YACH,EAAE,EAAE,OAAO;YACX,EAAE,EAAE,OAAO;YACX,EAAE,EAAE,OAAO;YACX,EAAE,EAAE,OAAO;YACX,KAAK,EAAE,OAAO;SACf;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,aAAa;SACrB;QACD,OAAO,EAAE;YACP,KAAK,EAAE,eAAe;YACtB,GAAG,EAAE,aAAa;YAClB,MAAM,EAAE,gBAAgB;SACzB;QACD,SAAS,EAAE;YACT,IAAI,EAAE,QAAQ;SACf;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAMH,MAAM,OAAO,GAA2B,CAAC,EACvC,SAAS,EACT,SAAS,EACT,KAAK,EACL,GAAG,EACH,IAAI,EACJ,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,iBACM,KAAK,EACT,SAAS,EAAE,EAAE,CACX,eAAe,CAAC,EAAC,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAC,CAAC,EAClE,SAAS,CACV,GACD,CACH,CAAC;AAEF,OAAO,EAAC,OAAO,EAAC,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface RaqListItemProps {
|
|
3
|
+
headline: string;
|
|
4
|
+
partNumber?: string;
|
|
5
|
+
substanceName?: string;
|
|
6
|
+
imageSrc: string;
|
|
7
|
+
imageAlt: string;
|
|
8
|
+
onUpdateQuantity: (value: number) => void;
|
|
9
|
+
initialQuantity: number;
|
|
10
|
+
minQuantity?: number;
|
|
11
|
+
maxQuantity?: number;
|
|
12
|
+
onDelete: () => void;
|
|
13
|
+
}
|
|
14
|
+
declare const RaqListItem: React.FC<RaqListItemProps>;
|
|
15
|
+
export { RaqListItem };
|
|
16
|
+
export type { RaqListItemProps };
|
|
17
|
+
//# sourceMappingURL=RaqListItem.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RaqListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/raqListItem/RaqListItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,gBAAgB;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmD3C,CAAC;AAEF,OAAO,EAAC,WAAW,EAAC,CAAC;AACrB,YAAY,EAAC,gBAAgB,EAAC,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { BodyText, Icon, QuantitySelector } from '../..';
|
|
4
|
+
import { Button } from '../../actions/button';
|
|
5
|
+
import { Image } from '../../images-icons/image';
|
|
6
|
+
import { useBreakpoint } from '../../../hooks/useBreakpoint/useBreakpoint';
|
|
7
|
+
const RaqListItem = ({ headline, partNumber, substanceName, imageSrc, imageAlt, onUpdateQuantity, initialQuantity, minQuantity = 1, maxQuantity = 999, onDelete, }) => {
|
|
8
|
+
const isBelowLg = useBreakpoint('lg');
|
|
9
|
+
return (_jsxs("div", { className: "flex flex-wrap gap-y-4 lg:flex-nowrap", children: [_jsxs("div", { className: "flex gap-x-4 w-full", children: [_jsx("div", { className: "w-32", children: _jsx(Image, { alt: imageAlt, ratio: "4/3", src: imageSrc }) }), _jsxs("div", { className: "flex-1", children: [_jsx(BodyText, { variant: "medium", weight: "bold", children: headline }), partNumber && (_jsx(BodyText, { className: "mt-2", variant: "small", children: partNumber })), substanceName && (_jsx(BodyText, { variant: "small", children: substanceName }))] })] }), _jsxs("div", { className: "flex gap-x-2 items-start", children: [_jsx(QuantitySelector, { onUpdate: onUpdateQuantity, initialValue: initialQuantity, variant: isBelowLg ? 'lg' : 'sm', minValue: minQuantity, maxValue: maxQuantity }), _jsx(Button, { onClick: onDelete, variant: "ghost", size: isBelowLg ? 'md' : 'sm', iconLeft: _jsx(Icon, { name: "core::delete", size: "md" }) })] })] }));
|
|
10
|
+
};
|
|
11
|
+
export { RaqListItem };
|
|
12
|
+
//# sourceMappingURL=RaqListItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RaqListItem.js","sourceRoot":"","sources":["../../../../src/components/layout/raqListItem/RaqListItem.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAC,QAAQ,EAAE,IAAI,EAAE,gBAAgB,EAAC,MAAM,OAAO,CAAC;AACvD,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,KAAK,EAAC,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAC,aAAa,EAAC,MAAM,4CAA4C,CAAC;AAezE,MAAM,WAAW,GAA+B,CAAC,EAC/C,QAAQ,EACR,UAAU,EACV,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,eAAe,EACf,WAAW,GAAG,CAAC,EACf,WAAW,GAAG,GAAG,EACjB,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEtC,OAAO,CACL,eAAK,SAAS,EAAC,uCAAuC,aACpD,eAAK,SAAS,EAAC,qBAAqB,aAClC,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,KAAK,IAAC,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,KAAK,EAAC,GAAG,EAAE,QAAQ,GAAI,GAC/C,EACN,eAAK,SAAS,EAAC,QAAQ,aACrB,KAAC,QAAQ,IAAC,OAAO,EAAC,QAAQ,EAAC,MAAM,EAAC,MAAM,YACrC,QAAQ,GACA,EACV,UAAU,IAAI,CACb,KAAC,QAAQ,IAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,OAAO,YACvC,UAAU,GACF,CACZ,EACA,aAAa,IAAI,CAChB,KAAC,QAAQ,IAAC,OAAO,EAAC,OAAO,YAAE,aAAa,GAAY,CACrD,IACG,IACF,EACN,eAAK,SAAS,EAAC,0BAA0B,aACvC,KAAC,gBAAgB,IACf,QAAQ,EAAE,gBAAgB,EAC1B,YAAY,EAAE,eAAe,EAC7B,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAChC,QAAQ,EAAE,WAAW,EACrB,QAAQ,EAAE,WAAW,GACrB,EACF,KAAC,MAAM,IACL,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAC,OAAO,EACf,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAC7B,QAAQ,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,IAAI,GAAG,GAChD,IACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,WAAW,EAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/raqListItem/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
|