@odx/websites-react 1.2.19 → 1.2.20
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/quantitySelector/QuantitySelector.d.ts +2 -2
- package/dist/components/actions/quantitySelector/QuantitySelector.d.ts.map +1 -1
- package/dist/components/actions/quantitySelector/QuantitySelector.js +5 -10
- package/dist/components/actions/quantitySelector/QuantitySelector.js.map +1 -1
- package/dist/components/layout/raqListItem/RaqListItem.d.ts +1 -1
- package/dist/components/layout/raqListItem/RaqListItem.d.ts.map +1 -1
- package/dist/components/layout/raqListItem/RaqListItem.js +2 -2
- package/dist/components/layout/raqListItem/RaqListItem.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +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,
|
|
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,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAgBD,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAsDrD,CAAC;AAEF,OAAO,EAAC,gBAAgB,EAAC,CAAC;AAC1B,YAAY,EAAC,qBAAqB,EAAC,CAAC"}
|
|
@@ -1,18 +1,17 @@
|
|
|
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 { Button } from '../button';
|
|
5
4
|
import { BodyText } from '../../typography/bodyText';
|
|
6
5
|
import { cn } from '../../../utils/utils';
|
|
7
6
|
import { IconCoreMinus, IconCorePlus } from '../../icon';
|
|
8
7
|
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
|
|
8
|
+
const variantSizeMap = {
|
|
9
|
+
sm: 'sm',
|
|
10
|
+
lg: 'md',
|
|
11
|
+
};
|
|
12
|
+
const QuantitySelector = ({ value, setValue, minValue = 1, maxValue = 9999, variant = 'lg', }) => {
|
|
10
13
|
const cappedMaxValue = maxValue <= 9999 ? maxValue : 9999;
|
|
11
14
|
const cappedMinValue = minValue >= 1 ? minValue : 1;
|
|
12
|
-
const [value, setValue] = React.useState(initialValue);
|
|
13
|
-
React.useEffect(() => {
|
|
14
|
-
onUpdate(value);
|
|
15
|
-
}, [value]);
|
|
16
15
|
const updateValue = (newValue) => {
|
|
17
16
|
if (newValue < cappedMinValue) {
|
|
18
17
|
setValue(cappedMinValue);
|
|
@@ -24,10 +23,6 @@ const QuantitySelector = ({ onUpdate, initialValue, minValue = 1, maxValue = 999
|
|
|
24
23
|
setValue(newValue);
|
|
25
24
|
}
|
|
26
25
|
};
|
|
27
|
-
const variantSizeMap = {
|
|
28
|
-
sm: 'sm',
|
|
29
|
-
lg: 'md',
|
|
30
|
-
};
|
|
31
26
|
return (_jsxs("div", { className: "flex", children: [_jsx("div", { className: "border-l rounded-l-sm border-y border-border-contrast", children: _jsx(Button, { iconLeft: _jsx(IconCoreMinus, {}), 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 rounded-r-sm border-y border-border-contrast", children: _jsx(Button, { iconLeft: _jsx(IconCorePlus, {}), size: variantSizeMap[variant], variant: "ghost", disabled: value >= cappedMaxValue, className: variant === 'sm' ? 'w-9' : 'w-11', onClick: () => updateValue(value + 1) }) })] }));
|
|
32
27
|
};
|
|
33
28
|
export { QuantitySelector };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QuantitySelector.js","sourceRoot":"","sources":["../../../../src/components/actions/quantitySelector/QuantitySelector.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"QuantitySelector.js","sourceRoot":"","sources":["../../../../src/components/actions/quantitySelector/QuantitySelector.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAC,MAAM,EAAC,MAAM,WAAW,CAAC;AACjC,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,EAAE,EAAC,MAAM,sBAAsB,CAAC;AACxC,OAAO,EAAC,aAAa,EAAE,YAAY,EAAC,MAAM,YAAY,CAAC;AAUvD,MAAM,WAAW,GAAG,EAAE,CACpB,qEAAqE,EACrE,+BAA+B,EAC/B,oFAAoF,EACpF,wBAAwB,EACxB,mFAAmF,EACnF,mFAAmF,CACpF,CAAC;AAEF,MAAM,cAAc,GAAG;IACrB,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;CACT,CAAC;AAEF,MAAM,gBAAgB,GAAoC,CAAC,EACzD,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,CAAC,EACZ,QAAQ,GAAG,IAAI,EACf,OAAO,GAAG,IAAI,GACf,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;IAC1D,MAAM,cAAc,GAAG,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IAEpD,MAAM,WAAW,GAAG,CAAC,QAAgB,EAAE,EAAE;QACvC,IAAI,QAAQ,GAAG,cAAc,EAAE,CAAC;YAC9B,QAAQ,CAAC,cAAc,CAAC,CAAC;QAC3B,CAAC;aAAM,IAAI,QAAQ,GAAG,cAAc,EAAE,CAAC;YACrC,QAAQ,CAAC,cAAc,CAAC,CAAC;QAC3B,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,MAAM,aACnB,cAAK,SAAS,EAAC,uDAAuD,YACpE,KAAC,MAAM,IACL,QAAQ,EAAE,KAAC,aAAa,KAAG,EAC3B,IAAI,EAAE,cAAc,CAAC,OAAO,CAAgB,EAC5C,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,KAAK,IAAI,cAAc,EACjC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,GACrC,GACE,EACN,KAAC,QAAQ,IAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,mBAAmB,YACrD,gBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAClD,GAAG,EAAE,cAAc,EACnB,GAAG,EAAE,cAAc,GACnB,GACO,EACX,cAAK,SAAS,EAAC,uDAAuD,YACpE,KAAC,MAAM,IACL,QAAQ,EAAE,KAAC,YAAY,KAAG,EAC1B,IAAI,EAAE,cAAc,CAAC,OAAO,CAAgB,EAC5C,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,KAAK,IAAI,cAAc,EACjC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,GACrC,GACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,gBAAgB,EAAC,CAAC"}
|
|
@@ -1 +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,OAAO,EAAQ,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAK,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAEjD,UAAU,oBAAqB,SAAQ,aAAa;IAClD,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,
|
|
1
|
+
{"version":3,"file":"RaqListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/raqListItem/RaqListItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAQ,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAK,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAEjD,UAAU,oBAAqB,SAAQ,aAAa;IAClD,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,KAAK,gBAAgB,GACjB,CAAC,oBAAoB,GAAG;IACtB,QAAQ,EAAE,IAAI,CAAC;IACf,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC,GACF,CAAC,oBAAoB,GAAG;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC,CAAC;AAEP,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkF3C,CAAC;AAEF,OAAO,EAAC,WAAW,EAAC,CAAC;AACrB,YAAY,EAAC,gBAAgB,EAAC,CAAC"}
|
|
@@ -8,9 +8,9 @@ import { Button } from '../../actions/button';
|
|
|
8
8
|
import { Image } from '../../images-icons/image';
|
|
9
9
|
import { useBreakpoint } from '../../../hooks/useBreakpoint/useBreakpoint';
|
|
10
10
|
import { cn } from '../../../utils';
|
|
11
|
-
const RaqListItem = ({ headline, partNumber, additionalInfo, onUpdateQuantity,
|
|
11
|
+
const RaqListItem = ({ headline, partNumber, additionalInfo, onUpdateQuantity, quantity, link, minQuantity = 1, maxQuantity = 999, onDelete, image, LinkComponent = 'a', readonly, }) => {
|
|
12
12
|
const isBelowLg = useBreakpoint('lg');
|
|
13
|
-
return (_jsxs("div", { className: cn('flex flex-wrap gap-y-4 gap-x-4', readonly ? 'flex-nowrap' : 'lg:flex-nowrap'), children: [_jsxs("div", { className: "flex gap-x-4 flex-grow min-w-0", children: [_jsx("div", { className: "w-32", children: link ? (_jsx(Link, { target: "_self", href: link, children: _jsx(Image, { ...image, ratio: "4/3" }) })) : (_jsx(Image, { ...image, ratio: "4/3" })) }), _jsxs("div", { className: "flex-1 overflow-hidden", children: [link ? (_jsx(Link, { variant: "secondary", href: link, LinkComponent: LinkComponent, children: _jsx(BodyText, { variant: "medium", weight: "bold", children: headline }) })) : (_jsx(BodyText, { variant: "medium", weight: "bold", children: headline })), additionalInfo && additionalInfo.length > 0 && (_jsx(BodyText, { className: "mb-4", variant: "small", children: additionalInfo.join(', ') })), partNumber && (_jsx(BodyText, { className: "px-2 py-1 rounded-controls inline-block bg-surface-secondary", weight: "bold", variant: "extraSmall", children: partNumber }))] })] }), readonly ? (_jsxs("div", { className: "flex whitespace-nowrap justify-end", children: ["x ",
|
|
13
|
+
return (_jsxs("div", { className: cn('flex flex-wrap gap-y-4 gap-x-4', readonly ? 'flex-nowrap' : 'lg:flex-nowrap'), children: [_jsxs("div", { className: "flex gap-x-4 flex-grow min-w-0", children: [_jsx("div", { className: "w-32", children: link ? (_jsx(Link, { target: "_self", href: link, children: _jsx(Image, { ...image, ratio: "4/3" }) })) : (_jsx(Image, { ...image, ratio: "4/3" })) }), _jsxs("div", { className: "flex-1 overflow-hidden", children: [link ? (_jsx(Link, { variant: "secondary", href: link, LinkComponent: LinkComponent, children: _jsx(BodyText, { variant: "medium", weight: "bold", children: headline }) })) : (_jsx(BodyText, { variant: "medium", weight: "bold", children: headline })), additionalInfo && additionalInfo.length > 0 && (_jsx(BodyText, { className: "mb-4", variant: "small", children: additionalInfo.join(', ') })), partNumber && (_jsx(BodyText, { className: "px-2 py-1 rounded-controls inline-block bg-surface-secondary", weight: "bold", variant: "extraSmall", children: partNumber }))] })] }), readonly ? (_jsxs("div", { className: "flex whitespace-nowrap justify-end", children: ["x ", quantity] })) : (_jsxs("div", { className: "flex gap-x-2 items-start justify-end", children: [_jsx(QuantitySelector, { setValue: onUpdateQuantity, value: quantity, variant: isBelowLg ? 'lg' : 'sm', minValue: minQuantity, maxValue: maxQuantity }), _jsx(Button, { onClick: onDelete, variant: "ghost", size: isBelowLg ? 'md' : 'sm', iconLeft: _jsx(IconCoreDelete, {}) })] }))] }));
|
|
14
14
|
};
|
|
15
15
|
export { RaqListItem };
|
|
16
16
|
//# sourceMappingURL=RaqListItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RaqListItem.js","sourceRoot":"","sources":["../../../../src/components/layout/raqListItem/RaqListItem.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,cAAc,EAAC,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAC,gBAAgB,EAAC,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,KAAK,EAAa,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAC,aAAa,EAAC,MAAM,4CAA4C,CAAC;AACzE,OAAO,EAAC,EAAE,EAAgB,MAAM,gBAAgB,CAAC;AAyBjD,MAAM,WAAW,GAA+B,CAAC,EAC/C,QAAQ,EACR,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,
|
|
1
|
+
{"version":3,"file":"RaqListItem.js","sourceRoot":"","sources":["../../../../src/components/layout/raqListItem/RaqListItem.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED