@ultraviolet/ui 3.21.1 → 3.21.2

package/dist/compositions/OrderSummary/NonScrollableContent.js

@@ -10,105 +10,73 @@ import { CalculatorIcon } from "@ultraviolet/icons/CalculatorIcon";
 
 //#region src/compositions/OrderSummary/NonScrollableContent.tsx
 var NonScrollableContent;
-var init_NonScrollableContent = __esmMin(() => {
-	init_Stack();
-	init_Text();
-	init_helpers();
-	init_Provider();
-	init_styles_css();
-	NonScrollableContent = ({ totalPrice, footer, children, totalPriceInfo, totalPriceInfoPlacement, unit, totalPriceDescription, additionalInfo, priceInformation, hideBeforePrice, defaultPriceInformation, timePeriodAmount, compact, calculatorIcon }) => {
-		const { locales } = useContext(OrderSummaryContext);
-		const unitSingular = unit.endsWith("s") ? unit.slice(0, -1) : unit;
-		const divisor = defaultPriceInformation ? timePeriodAmount : void 0;
-		return /* @__PURE__ */ jsxs(Stack, {
-			className: orderSummaryStyle.nonScrollableContainer({ compact }),
-			gap: 3,
-			children: [
-				children,
-				/* @__PURE__ */ jsxs(Stack, {
-					alignItems: "center",
-					direction: "row",
-					justifyContent: "space-between",
-					children: [totalPriceInfo && totalPriceInfoPlacement === "left" ? /* @__PURE__ */ jsxs(Stack, { children: [/* @__PURE__ */ jsxs(Stack, {
+function init_NonScrollableContent() {
+	return (init_NonScrollableContent = __esmMin(() => {
+		init_Stack();
+		init_Text();
+		init_helpers();
+		init_Provider();
+		init_styles_css();
+		NonScrollableContent = ({ totalPrice, footer, children, totalPriceInfo, totalPriceInfoPlacement, unit, totalPriceDescription, additionalInfo, priceInformation, hideBeforePrice, defaultPriceInformation, timePeriodAmount, compact, calculatorIcon }) => {
+			const { locales } = useContext(OrderSummaryContext);
+			const unitSingular = unit.endsWith("s") ? unit.slice(0, -1) : unit;
+			const divisor = defaultPriceInformation ? timePeriodAmount : void 0;
+			return /* @__PURE__ */ jsxs(Stack, {
+				className: orderSummaryStyle.nonScrollableContainer({ compact }),
+				gap: 3,
+				children: [
+					children,
+					/* @__PURE__ */ jsxs(Stack, {
 						alignItems: "center",
 						direction: "row",
-						gap: 1,
-						children: [/* @__PURE__ */ jsxs(Text, {
-							as: "span",
-							prominence: "strong",
-							sentiment: "neutral",
-							variant: "bodyStrong",
-							className: calculatorIcon ? orderSummaryStyle.compactTotalPrice : void 0,
-							placement: "right",
-							children: [
-								calculatorIcon ? /* @__PURE__ */ jsx(CalculatorIcon, {
-									sentiment: "primary",
-									size: "medium"
-								}) : null,
-								locales["order.summary.total"],
-								compact ? null : ":"
-							]
-						}), totalPriceDescription]
-					}), totalPriceInfo] }) : /* @__PURE__ */ jsxs(Stack, {
-						alignItems: "center",
-						direction: "row",
-						gap: 1,
-						children: [/* @__PURE__ */ jsxs(Text, {
-							as: "span",
-							prominence: "strong",
-							sentiment: "neutral",
-							variant: "bodyStrong",
-							className: calculatorIcon ? orderSummaryStyle.compactTotalPrice : void 0,
-							placement: "right",
-							children: [
-								calculatorIcon ? /* @__PURE__ */ jsx(CalculatorIcon, {
-									sentiment: "primary",
-									size: "medium"
-								}) : null,
-								locales["order.summary.total"],
-								additionalInfo ? ` ${additionalInfo}` : null,
-								compact ? null : ":"
-							]
-						}), totalPriceDescription]
-					}), /* @__PURE__ */ jsxs(Stack, {
-						alignItems: "flex-end",
-						direction: "column",
-						children: [totalPrice.totalPrice === totalPrice.totalPriceWithDiscount || hideBeforePrice ? /* @__PURE__ */ jsxs(Text, {
-							as: "span",
-							className: orderSummaryStyle.totalPrice[defaultPriceInformation && !priceInformation ? "default" : "priceInformation"],
-							"data-testid": "total-price",
-							prominence: "strong",
-							sentiment: "neutral",
-							variant: "headingSmallStrong",
-							placement: "right",
-							children: [
-								/* @__PURE__ */ jsx(DisplayPrice, {
-									beforeOrAfter: "after",
-									divisor,
-									price: totalPrice
-								}),
-								defaultPriceInformation ? `/${unitSingular}` : null,
-								priceInformation
-							]
-						}) : /* @__PURE__ */ jsxs(Stack, {
+						justifyContent: "space-between",
+						children: [totalPriceInfo && totalPriceInfoPlacement === "left" ? /* @__PURE__ */ jsxs(Stack, { children: [/* @__PURE__ */ jsxs(Stack, {
+							alignItems: "center",
+							direction: "row",
+							gap: 1,
+							children: [/* @__PURE__ */ jsxs(Text, {
+								as: "span",
+								prominence: "strong",
+								sentiment: "neutral",
+								variant: "bodyStrong",
+								className: calculatorIcon ? orderSummaryStyle.compactTotalPrice : void 0,
+								placement: "right",
+								children: [
+									calculatorIcon ? /* @__PURE__ */ jsx(CalculatorIcon, {
+										sentiment: "primary",
+										size: "medium"
+									}) : null,
+									locales["order.summary.total"],
+									compact ? null : ":"
+								]
+							}), totalPriceDescription]
+						}), totalPriceInfo] }) : /* @__PURE__ */ jsxs(Stack, {
 							alignItems: "center",
 							direction: "row",
 							gap: 1,
-							children: [/* @__PURE__ */ jsx(Text, {
+							children: [/* @__PURE__ */ jsxs(Text, {
 								as: "span",
-								prominence: "weak",
+								prominence: "strong",
 								sentiment: "neutral",
-								strikeThrough: true,
-								variant: "bodySmallStrong",
+								variant: "bodyStrong",
+								className: calculatorIcon ? orderSummaryStyle.compactTotalPrice : void 0,
 								placement: "right",
-								children: /* @__PURE__ */ jsx(DisplayPrice, {
-									beforeOrAfter: "before",
-									divisor,
-									price: totalPrice
-								})
-							}), /* @__PURE__ */ jsxs(Text, {
+								children: [
+									calculatorIcon ? /* @__PURE__ */ jsx(CalculatorIcon, {
+										sentiment: "primary",
+										size: "medium"
+									}) : null,
+									locales["order.summary.total"],
+									additionalInfo ? ` ${additionalInfo}` : null,
+									compact ? null : ":"
+								]
+							}), totalPriceDescription]
+						}), /* @__PURE__ */ jsxs(Stack, {
+							alignItems: "flex-end",
+							direction: "column",
+							children: [totalPrice.totalPrice === totalPrice.totalPriceWithDiscount || hideBeforePrice ? /* @__PURE__ */ jsxs(Text, {
 								as: "span",
-								className: orderSummaryStyle.totalPrice[priceInformation ? "priceInformation" : "default"],
+								className: orderSummaryStyle.totalPrice[defaultPriceInformation && !priceInformation ? "default" : "priceInformation"],
 								"data-testid": "total-price",
 								prominence: "strong",
 								sentiment: "neutral",
@@ -123,15 +91,49 @@ var init_NonScrollableContent = __esmMin(() => {
 									defaultPriceInformation ? `/${unitSingular}` : null,
 									priceInformation
 								]
-							})]
-						}), totalPriceInfo && totalPriceInfoPlacement === "right" ? totalPriceInfo : null]
-					})]
-				}),
-				footer
-			]
-		});
-	};
-});
+							}) : /* @__PURE__ */ jsxs(Stack, {
+								alignItems: "center",
+								direction: "row",
+								gap: 1,
+								children: [/* @__PURE__ */ jsx(Text, {
+									as: "span",
+									prominence: "weak",
+									sentiment: "neutral",
+									strikeThrough: true,
+									variant: "bodySmallStrong",
+									placement: "right",
+									children: /* @__PURE__ */ jsx(DisplayPrice, {
+										beforeOrAfter: "before",
+										divisor,
+										price: totalPrice
+									})
+								}), /* @__PURE__ */ jsxs(Text, {
+									as: "span",
+									className: orderSummaryStyle.totalPrice[priceInformation ? "priceInformation" : "default"],
+									"data-testid": "total-price",
+									prominence: "strong",
+									sentiment: "neutral",
+									variant: "headingSmallStrong",
+									placement: "right",
+									children: [
+										/* @__PURE__ */ jsx(DisplayPrice, {
+											beforeOrAfter: "after",
+											divisor,
+											price: totalPrice
+										}),
+										defaultPriceInformation ? `/${unitSingular}` : null,
+										priceInformation
+									]
+								})]
+							}), totalPriceInfo && totalPriceInfoPlacement === "right" ? totalPriceInfo : null]
+						})]
+					}),
+					footer
+				]
+			});
+		};
+	}))();
+}
 
 //#endregion
 init_NonScrollableContent();

package/dist/compositions/OrderSummary/Provider.js

@@ -4,22 +4,24 @@ import { createContext } from "react";
 
 //#region src/compositions/OrderSummary/Provider.tsx
 var OrderSummaryContext;
-var init_Provider = __esmMin(() => {
-	init_en();
-	OrderSummaryContext = createContext({
-		categoriesPrice: {},
-		currency: "EUR",
-		hideTimeUnit: false,
-		items: [{
-			category: "",
-			subCategories: []
-		}],
-		localeFormat: "en-US",
-		locales: en_default,
-		timePeriodAmount: 1,
-		timePeriodUnit: "hours"
-	});
-});
+function init_Provider() {
+	return (init_Provider = __esmMin(() => {
+		init_en();
+		OrderSummaryContext = createContext({
+			categoriesPrice: {},
+			currency: "EUR",
+			hideTimeUnit: false,
+			items: [{
+				category: "",
+				subCategories: []
+			}],
+			localeFormat: "en-US",
+			locales: en_default,
+			timePeriodAmount: 1,
+			timePeriodUnit: "hours"
+		});
+	}))();
+}
 
 //#endregion
 init_Provider();

package/dist/compositions/OrderSummary/ScrollableContent.js

@@ -9,34 +9,36 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/compositions/OrderSummary/ScrollableContent.tsx
 var ScrollableContent;
-var init_ScrollableContent = __esmMin(() => {
-	init_Stack();
-	init_Category();
-	init_SubCategory();
-	init_Provider();
-	init_styles_css();
-	ScrollableContent = () => {
-		const { items } = useContext(OrderSummaryContext);
-		return /* @__PURE__ */ jsx(Stack, {
-			className: orderSummaryStyle.scrollableContainer,
-			gap: 3,
-			children: items.map((category) => Object.keys(category).length > 0 && category.category ? /* @__PURE__ */ jsxs(Stack, {
-				className: orderSummaryStyle.category,
-				gap: 1.5,
-				children: [category.subTitle ? /* @__PURE__ */ jsxs(Stack, {
-					direction: "column",
-					children: [/* @__PURE__ */ jsx(CategoryName, { category }), category.subTitle]
-				}) : /* @__PURE__ */ jsx(CategoryName, { category }), category.subCategories && Object.keys(category.subCategories).length > 0 ? /* @__PURE__ */ jsx(Stack, {
-					gap: 1,
-					children: category.subCategories.map((subCategory, index) => {
-						var _subCategory$title;
-						return /* @__PURE__ */ jsx(SubCategory, { subCategory }, (_subCategory$title = subCategory.title) !== null && _subCategory$title !== void 0 ? _subCategory$title : `${index}`);
-					})
-				}) : null]
-			}, category.category) : null)
-		});
-	};
-});
+function init_ScrollableContent() {
+	return (init_ScrollableContent = __esmMin(() => {
+		init_Stack();
+		init_Category();
+		init_SubCategory();
+		init_Provider();
+		init_styles_css();
+		ScrollableContent = () => {
+			const { items } = useContext(OrderSummaryContext);
+			return /* @__PURE__ */ jsx(Stack, {
+				className: orderSummaryStyle.scrollableContainer,
+				gap: 3,
+				children: items.map((category) => Object.keys(category).length > 0 && category.category ? /* @__PURE__ */ jsxs(Stack, {
+					className: orderSummaryStyle.category,
+					gap: 1.5,
+					children: [category.subTitle ? /* @__PURE__ */ jsxs(Stack, {
+						direction: "column",
+						children: [/* @__PURE__ */ jsx(CategoryName, { category }), category.subTitle]
+					}) : /* @__PURE__ */ jsx(CategoryName, { category }), category.subCategories && Object.keys(category.subCategories).length > 0 ? /* @__PURE__ */ jsx(Stack, {
+						gap: 1,
+						children: category.subCategories.map((subCategory, index) => {
+							var _subCategory$title;
+							return /* @__PURE__ */ jsx(SubCategory, { subCategory }, (_subCategory$title = subCategory.title) !== null && _subCategory$title !== void 0 ? _subCategory$title : `${index}`);
+						})
+					}) : null]
+				}, category.category) : null)
+			});
+		};
+	}))();
+}
 
 //#endregion
 init_ScrollableContent();

package/dist/compositions/OrderSummary/components/Category.js

@@ -11,35 +11,58 @@ import { AttachIcon } from "@ultraviolet/icons/AttachIcon";
 
 //#region src/compositions/OrderSummary/components/Category.tsx
 var CategoryName;
-var init_Category = __esmMin(() => {
-	init_NumberInput();
-	init_Stack();
-	init_Text();
-	init_helpers();
-	init_Provider();
-	init_styles_css();
-	CategoryName = ({ category }) => {
-		var _categoriesPrice$cate;
-		const { categoriesPrice } = useContext(OrderSummaryContext);
-		const categoryPrice = (_categoriesPrice$cate = categoriesPrice[category.category]) !== null && _categoriesPrice$cate !== void 0 ? _categoriesPrice$cate : {
-			maxPrice: 0,
-			maxPriceWithDiscount: 0,
-			timeUnit: "hours",
-			totalPrice: 0,
-			totalPriceWithDiscount: 0
-		};
-		return category.category ? /* @__PURE__ */ jsxs(Stack, {
-			alignItems: "center",
-			direction: "row",
-			justifyContent: "space-between",
-			gap: 2,
-			children: [
-				category.additionalInfo ? /* @__PURE__ */ jsxs(Stack, {
-					alignItems: "center",
-					direction: "row",
-					gap: 1,
-					wrap: "wrap",
-					children: [/* @__PURE__ */ jsx(Text, {
+function init_Category() {
+	return (init_Category = __esmMin(() => {
+		init_NumberInput();
+		init_Stack();
+		init_Text();
+		init_helpers();
+		init_Provider();
+		init_styles_css();
+		CategoryName = ({ category }) => {
+			var _categoriesPrice$cate;
+			const { categoriesPrice } = useContext(OrderSummaryContext);
+			const categoryPrice = (_categoriesPrice$cate = categoriesPrice[category.category]) !== null && _categoriesPrice$cate !== void 0 ? _categoriesPrice$cate : {
+				maxPrice: 0,
+				maxPriceWithDiscount: 0,
+				timeUnit: "hours",
+				totalPrice: 0,
+				totalPriceWithDiscount: 0
+			};
+			return category.category ? /* @__PURE__ */ jsxs(Stack, {
+				alignItems: "center",
+				direction: "row",
+				justifyContent: "space-between",
+				gap: 2,
+				children: [
+					category.additionalInfo ? /* @__PURE__ */ jsxs(Stack, {
+						alignItems: "center",
+						direction: "row",
+						gap: 1,
+						wrap: "wrap",
+						children: [/* @__PURE__ */ jsx(Text, {
+							as: "span",
+							prominence: "strong",
+							sentiment: "neutral",
+							variant: "bodyStrong",
+							oneLine: true,
+							children: category.anchor ? /* @__PURE__ */ jsxs("a", {
+								className: orderSummaryStyle.anchor,
+								href: category.anchor,
+								children: [/* @__PURE__ */ jsx(AttachIcon, {
+									className: orderSummaryStyle.anchorIcon({ size: "medium" }),
+									sentiment: "info"
+								}), category.category]
+							}) : category.category
+						}), /* @__PURE__ */ jsx(Text, {
+							as: "span",
+							italic: true,
+							sentiment: "primary",
+							variant: "bodySmall",
+							oneLine: true,
+							children: category.additionalInfo
+						})]
+					}) : /* @__PURE__ */ jsx(Text, {
 						as: "span",
 						prominence: "strong",
 						sentiment: "neutral",
@@ -53,65 +76,17 @@ var init_Category = __esmMin(() => {
 								sentiment: "info"
 							}), category.category]
 						}) : category.category
-					}), /* @__PURE__ */ jsx(Text, {
-						as: "span",
-						italic: true,
-						sentiment: "primary",
-						variant: "bodySmall",
-						oneLine: true,
-						children: category.additionalInfo
-					})]
-				}) : /* @__PURE__ */ jsx(Text, {
-					as: "span",
-					prominence: "strong",
-					sentiment: "neutral",
-					variant: "bodyStrong",
-					oneLine: true,
-					children: category.anchor ? /* @__PURE__ */ jsxs("a", {
-						className: orderSummaryStyle.anchor,
-						href: category.anchor,
-						children: [/* @__PURE__ */ jsx(AttachIcon, {
-							className: orderSummaryStyle.anchorIcon({ size: "medium" }),
-							sentiment: "info"
-						}), category.category]
-					}) : category.category
-				}),
-				category.customContent,
-				category.numberInput ? /* @__PURE__ */ jsx(NumberInput, {
-					className: orderSummaryStyle.numberInput,
-					controls: category.numberInputControls,
-					onChange: category.onChangeInput,
-					size: "small",
-					unit: category.numberInputUnit,
-					value: category.numberInputValue
-				}) : null,
-				!(category.customContent || category.numberInput) && categoryPrice.totalPrice === categoryPrice.totalPriceWithDiscount ? /* @__PURE__ */ jsx(Text, {
-					as: "span",
-					prominence: "strong",
-					sentiment: "neutral",
-					variant: "bodyStrong",
-					className: orderSummaryStyle.categoryPrice,
-					children: /* @__PURE__ */ jsx(DisplayPrice, {
-						beforeOrAfter: "after",
-						price: categoryPrice
-					})
-				}) : null,
-				!(category.customContent || category.numberInput) && categoryPrice.totalPrice !== categoryPrice.totalPriceWithDiscount ? /* @__PURE__ */ jsxs(Stack, {
-					alignItems: "center",
-					direction: "row",
-					gap: 1,
-					children: [/* @__PURE__ */ jsx(Text, {
-						as: "span",
-						prominence: "weak",
-						sentiment: "neutral",
-						strikeThrough: true,
-						variant: "bodySmallStrong",
-						className: orderSummaryStyle.categoryPrice,
-						children: /* @__PURE__ */ jsx(DisplayPrice, {
-							beforeOrAfter: "before",
-							price: categoryPrice
-						})
-					}), /* @__PURE__ */ jsx(Text, {
+					}),
+					category.customContent,
+					category.numberInput ? /* @__PURE__ */ jsx(NumberInput, {
+						className: orderSummaryStyle.numberInput,
+						controls: category.numberInputControls,
+						onChange: category.onChangeInput,
+						size: "small",
+						unit: category.numberInputUnit,
+						value: category.numberInputValue
+					}) : null,
+					!(category.customContent || category.numberInput) && categoryPrice.totalPrice === categoryPrice.totalPriceWithDiscount ? /* @__PURE__ */ jsx(Text, {
 						as: "span",
 						prominence: "strong",
 						sentiment: "neutral",
@@ -121,12 +96,39 @@ var init_Category = __esmMin(() => {
 							beforeOrAfter: "after",
 							price: categoryPrice
 						})
-					})]
-				}) : null
-			]
-		}) : null;
-	};
-});
+					}) : null,
+					!(category.customContent || category.numberInput) && categoryPrice.totalPrice !== categoryPrice.totalPriceWithDiscount ? /* @__PURE__ */ jsxs(Stack, {
+						alignItems: "center",
+						direction: "row",
+						gap: 1,
+						children: [/* @__PURE__ */ jsx(Text, {
+							as: "span",
+							prominence: "weak",
+							sentiment: "neutral",
+							strikeThrough: true,
+							variant: "bodySmallStrong",
+							className: orderSummaryStyle.categoryPrice,
+							children: /* @__PURE__ */ jsx(DisplayPrice, {
+								beforeOrAfter: "before",
+								price: categoryPrice
+							})
+						}), /* @__PURE__ */ jsx(Text, {
+							as: "span",
+							prominence: "strong",
+							sentiment: "neutral",
+							variant: "bodyStrong",
+							className: orderSummaryStyle.categoryPrice,
+							children: /* @__PURE__ */ jsx(DisplayPrice, {
+								beforeOrAfter: "after",
+								price: categoryPrice
+							})
+						})]
+					}) : null
+				]
+			}) : null;
+		};
+	}))();
+}
 
 //#endregion
 init_Category();