@ultraviolet/ui 3.21.1 → 3.21.2

package/dist/compositions/OfferList/components/Row.js

@@ -17,147 +17,149 @@ import { ArrowUpIcon } from "@ultraviolet/icons/ArrowUpIcon";
 
 //#region src/compositions/OfferList/components/Row.tsx
 var Row;
-var init_Row = __esmMin(() => {
-	init_Button();
-	init_List();
-	init_OfferListProvider();
-	init_Banner();
-	init_OfferListRowProvider();
-	init_SelectableCell();
-	init_styles_css();
-	Row = ({ children, disabled, id, banner, expandablePadding: expandablePadding$1, offerName, expandable: expandableContent, selectDisabled, highlightAnimation, expanded, className, "data-dragging": dataDragging, "data-testid": dataTestId, style, badge, onClick }) => {
-		const { selectable, radioSelectedRow, setRadioSelectedRow, checkboxSelectedRows, setCheckboxSelectedRows, expandable, loading, onChangeSelect, autoCollapse } = useOfferListContext();
-		const { expandedRowIds, collapseRow, expandRow } = List.useListContext();
-		const [isHovered, setHovered] = useState(false);
-		const childrenNumber = Children.count(children) + (selectable ? 1 : 0) + (expandable ? 1 : 0);
-		const toggleRowExpand = useCallback(() => {
-			if (!loading) if (expandedRowIds[id]) collapseRow(id);
-			else expandRow(id);
-		}, [
-			collapseRow,
-			expandRow,
-			expandedRowIds,
-			id,
-			loading
-		]);
-		const computedExpandableContent = useMemo(() => {
-			if (expandable && !loading && expandedRowIds[id] && banner) return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
-				className: offerListStyle.rowExpandable,
-				style: assignInlineVars({ [expandablePadding]: theme.space[expandablePadding$1 !== null && expandablePadding$1 !== void 0 ? expandablePadding$1 : 2] }),
-				children: expandableContent
-			}), /* @__PURE__ */ jsx(Banner, {
+function init_Row() {
+	return (init_Row = __esmMin(() => {
+		init_Button();
+		init_List();
+		init_OfferListProvider();
+		init_Banner();
+		init_OfferListRowProvider();
+		init_SelectableCell();
+		init_styles_css();
+		Row = ({ children, disabled, id, banner, expandablePadding: expandablePadding$1, offerName, expandable: expandableContent, selectDisabled, highlightAnimation, expanded, className, "data-dragging": dataDragging, "data-testid": dataTestId, style, badge, onClick }) => {
+			const { selectable, radioSelectedRow, setRadioSelectedRow, checkboxSelectedRows, setCheckboxSelectedRows, expandable, loading, onChangeSelect, autoCollapse } = useOfferListContext();
+			const { expandedRowIds, collapseRow, expandRow } = List.useListContext();
+			const [isHovered, setHovered] = useState(false);
+			const childrenNumber = Children.count(children) + (selectable ? 1 : 0) + (expandable ? 1 : 0);
+			const toggleRowExpand = useCallback(() => {
+				if (!loading) if (expandedRowIds[id]) collapseRow(id);
+				else expandRow(id);
+			}, [
+				collapseRow,
+				expandRow,
+				expandedRowIds,
+				id,
+				loading
+			]);
+			const computedExpandableContent = useMemo(() => {
+				if (expandable && !loading && expandedRowIds[id] && banner) return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
+					className: offerListStyle.rowExpandable,
+					style: assignInlineVars({ [expandablePadding]: theme.space[expandablePadding$1 !== null && expandablePadding$1 !== void 0 ? expandablePadding$1 : 2] }),
+					children: expandableContent
+				}), /* @__PURE__ */ jsx(Banner, {
+					disabled,
+					sentiment: banner.sentiment,
+					children: banner.text
+				})] });
+				if (expandable && !loading) return expandableContent;
+			}, [
+				expandable,
+				loading,
+				expandedRowIds,
+				banner,
+				expandablePadding$1,
+				id,
+				expandableContent,
+				disabled
+			]);
+			const isRowSelected = useMemo(() => {
+				if (selectable === "radio") return radioSelectedRow === offerName;
+				return checkboxSelectedRows.includes(offerName);
+			}, [
+				offerName,
+				checkboxSelectedRows,
+				radioSelectedRow,
+				selectable
+			]);
+			const isSelected = selectable === "radio" ? radioSelectedRow === offerName : checkboxSelectedRows.includes(offerName);
+			const handleChangeCheckbox = () => {
+				if (isRowSelected) {
+					const newSelectedList = checkboxSelectedRows.filter((element) => element !== offerName);
+					setCheckboxSelectedRows(newSelectedList);
+					onChangeSelect === null || onChangeSelect === void 0 || onChangeSelect(newSelectedList);
+				} else {
+					const newSelectedList = [...checkboxSelectedRows, offerName];
+					setCheckboxSelectedRows(newSelectedList);
+					onChangeSelect === null || onChangeSelect === void 0 || onChangeSelect(newSelectedList);
+				}
+				if (expandedRowIds[id]) expandRow(id);
+				else if (!autoCollapse) collapseRow(id);
+			};
+			const handleChangeRadio = () => {
+				setRadioSelectedRow(offerName);
+				onChangeSelect === null || onChangeSelect === void 0 || onChangeSelect(offerName);
+			};
+			const offerListRowContextValue = useMemo(() => ({
+				selected: isSelected,
+				banner: !!banner
+			}), [isSelected, banner]);
+			return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(List.Row, {
+				className: cn(className, banner ? offerListStyle.rowBanner : "", isSelected ? offerListStyle.rowSelected : "", expandable ? offerListStyle.rowSelectedExpandable : offerListStyle.rowSelectedNotExpandable),
+				"data-dragging": dataDragging,
+				"data-testid": dataTestId,
+				disabled,
+				disabledClickRowToExpand: true,
+				expandable: computedExpandableContent,
+				expandablePadding: banner ? "0" : void 0,
+				expanded: expanded !== null && expanded !== void 0 ? expanded : expandedRowIds[id],
+				highlightAnimation,
+				id,
+				onClick: (localId) => {
+					if (selectDisabled || disabled || loading) return;
+					if (selectable === "radio") handleChangeRadio();
+					if (selectable === "checkbox") handleChangeCheckbox();
+					onClick === null || onClick === void 0 || onClick(localId);
+				},
+				onMouseEnter: () => setHovered(true),
+				onMouseLeave: () => setHovered(false),
+				selectDisabled,
+				style,
+				children: [
+					/* @__PURE__ */ jsx(SelectableCell, {
+						badge,
+						banner,
+						disabled,
+						handleChangeCheckbox,
+						handleChangeRadio,
+						id,
+						isRowSelected,
+						isSelected,
+						loading,
+						selectDisabled
+					}),
+					expandable ? /* @__PURE__ */ jsx(List.Cell, {
+						className: cn(offerListStyle.noPaddingCell, isSelected ? offerListStyle.selectedCell : ""),
+						children: /* @__PURE__ */ jsx(Button, {
+							"aria-label": "expand",
+							"data-testid": "list-expand-button",
+							disabled: (disabled !== null && disabled !== void 0 ? disabled : !expandableContent) || loading,
+							onClick: (event) => {
+								event.stopPropagation();
+								toggleRowExpand();
+							},
+							sentiment: "neutral",
+							size: "small",
+							variant: "ghost",
+							children: expandedRowIds[id] ? /* @__PURE__ */ jsx(ArrowUpIcon, {}) : /* @__PURE__ */ jsx(ArrowDownIcon, {})
+						})
+					}) : null,
+					/* @__PURE__ */ jsx(OfferListRowContext.Provider, {
+						value: offerListRowContextValue,
+						children
+					})
+				]
+			}), banner && !expandedRowIds[id] ? /* @__PURE__ */ jsx(Banner, {
+				colSpan: childrenNumber,
 				disabled,
 				sentiment: banner.sentiment,
+				shouldHavePrimaryBorder: isHovered || isRowSelected,
+				type: "cell",
 				children: banner.text
-			})] });
-			if (expandable && !loading) return expandableContent;
-		}, [
-			expandable,
-			loading,
-			expandedRowIds,
-			banner,
-			expandablePadding$1,
-			id,
-			expandableContent,
-			disabled
-		]);
-		const isRowSelected = useMemo(() => {
-			if (selectable === "radio") return radioSelectedRow === offerName;
-			return checkboxSelectedRows.includes(offerName);
-		}, [
-			offerName,
-			checkboxSelectedRows,
-			radioSelectedRow,
-			selectable
-		]);
-		const isSelected = selectable === "radio" ? radioSelectedRow === offerName : checkboxSelectedRows.includes(offerName);
-		const handleChangeCheckbox = () => {
-			if (isRowSelected) {
-				const newSelectedList = checkboxSelectedRows.filter((element) => element !== offerName);
-				setCheckboxSelectedRows(newSelectedList);
-				onChangeSelect === null || onChangeSelect === void 0 || onChangeSelect(newSelectedList);
-			} else {
-				const newSelectedList = [...checkboxSelectedRows, offerName];
-				setCheckboxSelectedRows(newSelectedList);
-				onChangeSelect === null || onChangeSelect === void 0 || onChangeSelect(newSelectedList);
-			}
-			if (expandedRowIds[id]) expandRow(id);
-			else if (!autoCollapse) collapseRow(id);
+			}) : null] });
 		};
-		const handleChangeRadio = () => {
-			setRadioSelectedRow(offerName);
-			onChangeSelect === null || onChangeSelect === void 0 || onChangeSelect(offerName);
-		};
-		const offerListRowContextValue = useMemo(() => ({
-			selected: isSelected,
-			banner: !!banner
-		}), [isSelected, banner]);
-		return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(List.Row, {
-			className: cn(className, banner ? offerListStyle.rowBanner : "", isSelected ? offerListStyle.rowSelected : "", expandable ? offerListStyle.rowSelectedExpandable : offerListStyle.rowSelectedNotExpandable),
-			"data-dragging": dataDragging,
-			"data-testid": dataTestId,
-			disabled,
-			disabledClickRowToExpand: true,
-			expandable: computedExpandableContent,
-			expandablePadding: banner ? "0" : void 0,
-			expanded: expanded !== null && expanded !== void 0 ? expanded : expandedRowIds[id],
-			highlightAnimation,
-			id,
-			onClick: (localId) => {
-				if (selectDisabled || disabled || loading) return;
-				if (selectable === "radio") handleChangeRadio();
-				if (selectable === "checkbox") handleChangeCheckbox();
-				onClick === null || onClick === void 0 || onClick(localId);
-			},
-			onMouseEnter: () => setHovered(true),
-			onMouseLeave: () => setHovered(false),
-			selectDisabled,
-			style,
-			children: [
-				/* @__PURE__ */ jsx(SelectableCell, {
-					badge,
-					banner,
-					disabled,
-					handleChangeCheckbox,
-					handleChangeRadio,
-					id,
-					isRowSelected,
-					isSelected,
-					loading,
-					selectDisabled
-				}),
-				expandable ? /* @__PURE__ */ jsx(List.Cell, {
-					className: cn(offerListStyle.noPaddingCell, isSelected ? offerListStyle.selectedCell : ""),
-					children: /* @__PURE__ */ jsx(Button, {
-						"aria-label": "expand",
-						"data-testid": "list-expand-button",
-						disabled: (disabled !== null && disabled !== void 0 ? disabled : !expandableContent) || loading,
-						onClick: (event) => {
-							event.stopPropagation();
-							toggleRowExpand();
-						},
-						sentiment: "neutral",
-						size: "small",
-						variant: "ghost",
-						children: expandedRowIds[id] ? /* @__PURE__ */ jsx(ArrowUpIcon, {}) : /* @__PURE__ */ jsx(ArrowDownIcon, {})
-					})
-				}) : null,
-				/* @__PURE__ */ jsx(OfferListRowContext.Provider, {
-					value: offerListRowContextValue,
-					children
-				})
-			]
-		}), banner && !expandedRowIds[id] ? /* @__PURE__ */ jsx(Banner, {
-			colSpan: childrenNumber,
-			disabled,
-			sentiment: banner.sentiment,
-			shouldHavePrimaryBorder: isHovered || isRowSelected,
-			type: "cell",
-			children: banner.text
-		}) : null] });
-	};
-	Row.displayName = "OfferList.Row";
-});
+		Row.displayName = "OfferList.Row";
+	}))();
+}
 
 //#endregion
 init_Row();

package/dist/compositions/OfferList/components/SelectableCell.js

@@ -12,59 +12,61 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/compositions/OfferList/components/SelectableCell.tsx
 var SelectableCell;
-var init_SelectableCell = __esmMin(() => {
-	init_Badge();
-	init_Checkbox();
-	init_List();
-	init_Radio();
-	init_Tooltip();
-	init_OfferListProvider();
-	init_styles_css();
-	SelectableCell = ({ disabled, loading, selectDisabled, isSelected, banner, badge, id, isRowSelected, handleChangeCheckbox, handleChangeRadio }) => {
-		const { selectable, expandable, autoCollapse } = useOfferListContext();
-		const { expandedRowIds, collapseRow, expandRow } = List.useListContext();
-		const isSelectableDisabled = disabled || loading || !!selectDisabled;
-		return /* @__PURE__ */ jsxs(List.Cell, {
-			className: cn(offerListStyle.noPaddingCell, isSelected ? offerListStyle.selectedCell : "", banner ? offerListStyle.cellNoRadius : ""),
-			children: [badge ? /* @__PURE__ */ jsx(Badge, {
-				className: offerListStyle.badge,
-				disabled,
-				prominence: badge.prominence,
-				sentiment: badge.sentiment,
-				size: "small",
-				children: badge.text
-			}) : null, /* @__PURE__ */ jsx("div", {
-				className: offerListStyle.rowSelectableContainer,
-				children: /* @__PURE__ */ jsx(Tooltip, {
-					text: typeof selectDisabled === "string" ? selectDisabled : void 0,
-					children: selectable === "radio" ? /* @__PURE__ */ jsx(Radio, {
-						"aria-label": `select-${id}`,
-						checked: isRowSelected,
-						disabled: isSelectableDisabled,
-						id,
-						name: `radio-offer-list-${id}`,
-						onChange: () => {
-							if (expandable) handleChangeRadio();
-							if (expandedRowIds[id]) expandRow(id);
-							else if (!autoCollapse) collapseRow(id);
-						},
-						value: id
-					}) : /* @__PURE__ */ jsx(Checkbox, {
-						"aria-label": "select",
-						checked: isRowSelected,
-						disabled: isSelectableDisabled,
-						id,
-						name: `checkbox-offer-list-${id}`,
-						onChange: () => {
-							if (expandable) handleChangeCheckbox();
-						},
-						value: id
+function init_SelectableCell() {
+	return (init_SelectableCell = __esmMin(() => {
+		init_Badge();
+		init_Checkbox();
+		init_List();
+		init_Radio();
+		init_Tooltip();
+		init_OfferListProvider();
+		init_styles_css();
+		SelectableCell = ({ disabled, loading, selectDisabled, isSelected, banner, badge, id, isRowSelected, handleChangeCheckbox, handleChangeRadio }) => {
+			const { selectable, expandable, autoCollapse } = useOfferListContext();
+			const { expandedRowIds, collapseRow, expandRow } = List.useListContext();
+			const isSelectableDisabled = disabled || loading || !!selectDisabled;
+			return /* @__PURE__ */ jsxs(List.Cell, {
+				className: cn(offerListStyle.noPaddingCell, isSelected ? offerListStyle.selectedCell : "", banner ? offerListStyle.cellNoRadius : ""),
+				children: [badge ? /* @__PURE__ */ jsx(Badge, {
+					className: offerListStyle.badge,
+					disabled,
+					prominence: badge.prominence,
+					sentiment: badge.sentiment,
+					size: "small",
+					children: badge.text
+				}) : null, /* @__PURE__ */ jsx("div", {
+					className: offerListStyle.rowSelectableContainer,
+					children: /* @__PURE__ */ jsx(Tooltip, {
+						text: typeof selectDisabled === "string" ? selectDisabled : void 0,
+						children: selectable === "radio" ? /* @__PURE__ */ jsx(Radio, {
+							"aria-label": `select-${id}`,
+							checked: isRowSelected,
+							disabled: isSelectableDisabled,
+							id,
+							name: `radio-offer-list-${id}`,
+							onChange: () => {
+								if (expandable) handleChangeRadio();
+								if (expandedRowIds[id]) expandRow(id);
+								else if (!autoCollapse) collapseRow(id);
+							},
+							value: id
+						}) : /* @__PURE__ */ jsx(Checkbox, {
+							"aria-label": "select",
+							checked: isRowSelected,
+							disabled: isSelectableDisabled,
+							id,
+							name: `checkbox-offer-list-${id}`,
+							onChange: () => {
+								if (expandable) handleChangeCheckbox();
+							},
+							value: id
+						})
 					})
-				})
-			})]
-		});
-	};
-});
+				})]
+			});
+		};
+	}))();
+}
 
 //#endregion
 init_SelectableCell();

package/dist/compositions/OfferList/index.js

@@ -11,52 +11,54 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/compositions/OfferList/index.tsx
 var OfferList;
-var init_OfferList = __esmMin(() => {
-	init_List();
-	init_Cell();
-	init_Row();
-	init_OfferListProvider();
-	init_styles_css();
-	OfferList = ({ expandable, type = "radio", columns, children, loading, autoCollapse, selected, onChangeSelect, className, style, "data-testid": dataTestId }) => {
-		const [radioSelectedRow, setRadioSelectedRow] = useState(typeof selected === "string" ? selected : void 0);
-		const [checkboxSelectedRows, setCheckboxSelectedRows] = useState(Array.isArray(selected) ? selected : []);
-		const computedColumns = [
-			{ label: "" },
-			expandable ? { label: "" } : null,
-			...columns
-		].filter((element) => !!element);
-		useEffect(() => {
-			if (selected) {
-				if (typeof selected === "string" && type === "radio") setRadioSelectedRow(selected);
-				if (Array.isArray(selected) && type === "checkbox") setCheckboxSelectedRows(selected);
-			}
-		}, [type, selected]);
-		return /* @__PURE__ */ jsx(OfferListProvider, {
-			autoCollapse,
-			checkboxSelectedRows,
-			expandable,
-			loading,
-			onChangeSelect,
-			radioSelectedRow,
-			selectable: type,
-			setCheckboxSelectedRows,
-			setRadioSelectedRow,
-			children: /* @__PURE__ */ jsx(List, {
+function init_OfferList() {
+	return (init_OfferList = __esmMin(() => {
+		init_List();
+		init_Cell();
+		init_Row();
+		init_OfferListProvider();
+		init_styles_css();
+		OfferList = ({ expandable, type = "radio", columns, children, loading, autoCollapse, selected, onChangeSelect, className, style, "data-testid": dataTestId }) => {
+			const [radioSelectedRow, setRadioSelectedRow] = useState(typeof selected === "string" ? selected : void 0);
+			const [checkboxSelectedRows, setCheckboxSelectedRows] = useState(Array.isArray(selected) ? selected : []);
+			const computedColumns = [
+				{ label: "" },
+				expandable ? { label: "" } : null,
+				...columns
+			].filter((element) => !!element);
+			useEffect(() => {
+				if (selected) {
+					if (typeof selected === "string" && type === "radio") setRadioSelectedRow(selected);
+					if (Array.isArray(selected) && type === "checkbox") setCheckboxSelectedRows(selected);
+				}
+			}, [type, selected]);
+			return /* @__PURE__ */ jsx(OfferListProvider, {
 				autoCollapse,
-				className: cn(className, offerListStyle.offerList),
-				columns: computedColumns,
-				"data-testid": dataTestId,
-				expandable: false,
-				selectable: false,
-				style,
-				children
-			})
-		});
-	};
-	OfferList.Row = Row;
-	OfferList.Cell = Cell;
-	OfferList.displayName = "OfferList";
-});
+				checkboxSelectedRows,
+				expandable,
+				loading,
+				onChangeSelect,
+				radioSelectedRow,
+				selectable: type,
+				setCheckboxSelectedRows,
+				setRadioSelectedRow,
+				children: /* @__PURE__ */ jsx(List, {
+					autoCollapse,
+					className: cn(className, offerListStyle.offerList),
+					columns: computedColumns,
+					"data-testid": dataTestId,
+					expandable: false,
+					selectable: false,
+					style,
+					children
+				})
+			});
+		};
+		OfferList.Row = Row;
+		OfferList.Cell = Cell;
+		OfferList.displayName = "OfferList";
+	}))();
+}
 
 //#endregion
 init_OfferList();