@ultraviolet/ui 3.21.0 → 3.21.2

package/dist/components/List/HeaderCell.js

@@ -12,54 +12,56 @@ import { InformationOutlineIcon } from "@ultraviolet/icons/InformationOutlineIco
 
 //#region src/components/List/HeaderCell.tsx
 var HeaderCell;
-var init_HeaderCell = __esmMin(() => {
-	init_Stack();
-	init_Tooltip();
-	init_SortIcon();
-	init_styles_css();
-	init_variables_css();
-	HeaderCell = ({ children, isOrdered, orderDirection, onOrder, className, info, width, minWidth, maxWidth }) => {
-		let order;
-		if (isOrdered && orderDirection === "asc") order = "ascending";
-		else if (isOrdered && orderDirection === "desc") order = "descending";
-		const handleOrder = onOrder ? () => onOrder(order === "ascending" ? "desc" : "asc") : void 0;
-		return /* @__PURE__ */ jsx("th", {
-			"aria-sort": order,
-			className: cn(className, listStyle.headerCell),
-			onClick: handleOrder,
-			onKeyDown: handleOrder ? (event) => {
-				if (event.key === " " || event.key === "Enter") {
-					handleOrder();
-					if (event.key === " ") event.preventDefault();
-				}
-			} : void 0,
-			role: onOrder ? "button columnheader" : void 0,
-			style: assignInlineVars({
-				[widthHeaderCell]: width,
-				[minWidthHeaderCell]: minWidth,
-				[maxWidthHeaderCell]: maxWidth
-			}),
-			tabIndex: handleOrder ? 0 : -1,
-			children: /* @__PURE__ */ jsxs(Stack, {
-				alignItems: "center",
-				direction: "row",
-				gap: 1,
-				children: [
-					children,
-					info ? /* @__PURE__ */ jsx(Tooltip, {
-						text: info,
-						children: /* @__PURE__ */ jsx(InformationOutlineIcon, {
-							prominence: "weak",
-							sentiment: "neutral",
-							size: "small"
-						})
-					}) : null,
-					orderDirection !== void 0 && isOrdered !== void 0 ? /* @__PURE__ */ jsx(SortIcon, { order }) : null
-				]
-			})
-		});
-	};
-});
+function init_HeaderCell() {
+	return (init_HeaderCell = __esmMin(() => {
+		init_Stack();
+		init_Tooltip();
+		init_SortIcon();
+		init_styles_css();
+		init_variables_css();
+		HeaderCell = ({ children, isOrdered, orderDirection, onOrder, className, info, width, minWidth, maxWidth }) => {
+			let order;
+			if (isOrdered && orderDirection === "asc") order = "ascending";
+			else if (isOrdered && orderDirection === "desc") order = "descending";
+			const handleOrder = onOrder ? () => onOrder(order === "ascending" ? "desc" : "asc") : void 0;
+			return /* @__PURE__ */ jsx("th", {
+				"aria-sort": order,
+				className: cn(className, listStyle.headerCell),
+				onClick: handleOrder,
+				onKeyDown: handleOrder ? (event) => {
+					if (event.key === " " || event.key === "Enter") {
+						handleOrder();
+						if (event.key === " ") event.preventDefault();
+					}
+				} : void 0,
+				role: onOrder ? "button columnheader" : void 0,
+				style: assignInlineVars({
+					[widthHeaderCell]: width,
+					[minWidthHeaderCell]: minWidth,
+					[maxWidthHeaderCell]: maxWidth
+				}),
+				tabIndex: handleOrder ? 0 : -1,
+				children: /* @__PURE__ */ jsxs(Stack, {
+					alignItems: "center",
+					direction: "row",
+					gap: 1,
+					children: [
+						children,
+						info ? /* @__PURE__ */ jsx(Tooltip, {
+							text: info,
+							children: /* @__PURE__ */ jsx(InformationOutlineIcon, {
+								prominence: "weak",
+								sentiment: "neutral",
+								size: "small"
+							})
+						}) : null,
+						orderDirection !== void 0 && isOrdered !== void 0 ? /* @__PURE__ */ jsx(SortIcon, { order }) : null
+					]
+				})
+			});
+		};
+	}))();
+}
 
 //#endregion
 init_HeaderCell();

package/dist/components/List/HeaderRow.js

@@ -8,37 +8,39 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/List/HeaderRow.tsx
 var HeaderRow;
-var init_HeaderRow = __esmMin(() => {
-	init_Checkbox();
-	init_HeaderCell();
-	init_ListContext();
-	init_styles_css();
-	HeaderRow = ({ children, hasSelectAllColumn }) => {
-		const { allRowSelectValue, selectAllHandler, selectedRowIds, expandButton } = useListContext();
-		const selectableRowCount = Object.keys(selectedRowIds).length;
-		return /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", {
-			className: listStyle.headerRow,
-			children: [
-				hasSelectAllColumn ? /* @__PURE__ */ jsx(HeaderCell, {
-					className: listStyle.noPaddingHeaderCell,
-					children: /* @__PURE__ */ jsx(Checkbox, {
-						"aria-label": "select all",
-						checked: allRowSelectValue,
-						disabled: selectableRowCount === 0,
-						name: "list-select-checkbox",
-						onChange: selectAllHandler,
-						value: "all"
-					})
-				}) : null,
-				expandButton ? /* @__PURE__ */ jsx(HeaderCell, {
-					className: listStyle.noPaddingHeaderCell,
-					children: null
-				}) : null,
-				children
-			]
-		}) });
-	};
-});
+function init_HeaderRow() {
+	return (init_HeaderRow = __esmMin(() => {
+		init_Checkbox();
+		init_HeaderCell();
+		init_ListContext();
+		init_styles_css();
+		HeaderRow = ({ children, hasSelectAllColumn }) => {
+			const { allRowSelectValue, selectAllHandler, selectedRowIds, expandButton } = useListContext();
+			const selectableRowCount = Object.keys(selectedRowIds).length;
+			return /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", {
+				className: listStyle.headerRow,
+				children: [
+					hasSelectAllColumn ? /* @__PURE__ */ jsx(HeaderCell, {
+						className: listStyle.noPaddingHeaderCell,
+						children: /* @__PURE__ */ jsx(Checkbox, {
+							"aria-label": "select all",
+							checked: allRowSelectValue,
+							disabled: selectableRowCount === 0,
+							name: "list-select-checkbox",
+							onChange: selectAllHandler,
+							value: "all"
+						})
+					}) : null,
+					expandButton ? /* @__PURE__ */ jsx(HeaderCell, {
+						className: listStyle.noPaddingHeaderCell,
+						children: null
+					}) : null,
+					children
+				]
+			}) });
+		};
+	}))();
+}
 
 //#endregion
 init_HeaderRow();

package/dist/components/List/ListContext.js

@@ -1,223 +1,225 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import toPropertyKey, { init_toPropertyKey } from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/toPropertyKey.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
-import _objectWithoutProperties, { init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectWithoutProperties.js";
+import toPropertyKey, { init_toPropertyKey } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/toPropertyKey.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectWithoutProperties, { init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectWithoutProperties.js";
 import { createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/List/ListContext.tsx
 var ListContext, checkStateOfCheckboxs, ListProvider, useListContext;
-var init_ListContext = __esmMin(() => {
-	init_objectSpread2();
-	init_toPropertyKey();
-	init_objectWithoutProperties();
-	ListContext = createContext(void 0);
-	checkStateOfCheckboxs = (ids) => {
-		const selectableRowCount = Object.keys(ids).length;
-		const selectableValuesCount = new Set(Object.values(ids));
-		if (!selectableRowCount) return false;
-		if (selectableValuesCount.size === 1) return [...selectableValuesCount][0];
-		return "indeterminate";
-	};
-	ListProvider = ({ children, autoCollapse, selectable, expandButton, onSelectedChange, columns, colMode }) => {
-		const [expandedRowIds, setExpandedRowIds] = useState({});
-		const [selectedRowIds, setSelectedRowIds] = useState({});
-		const [lastCheckedCheckbox, setLastCheckedCheckbox] = useState();
-		const [inRange, setInRange] = useState([]);
-		const [refList, setRefList] = useState([]);
-		const registerExpandableRow = useCallback((rowId, expanded = false) => {
-			setExpandedRowIds((current) => _objectSpread2(_objectSpread2({}, current), {}, { [rowId]: expanded }));
-			return () => {
-				setExpandedRowIds((current) => {
-					const { [rowId]: relatedId } = current;
-					return _objectWithoutProperties(current, [rowId].map(toPropertyKey));
-				});
-			};
-		}, []);
-		const registerSelectableRow = useCallback((rowId) => {
-			setSelectedRowIds((current) => _objectSpread2(_objectSpread2({}, current), {}, { [rowId]: false }));
-			return () => {
-				setSelectedRowIds((current) => {
-					const { [rowId]: relatedId } = current;
-					return _objectWithoutProperties(current, [rowId].map(toPropertyKey));
-				});
-			};
-		}, []);
-		const expandRow = useCallback((rowId) => {
-			setExpandedRowIds((current) => _objectSpread2(_objectSpread2({}, autoCollapse ? {} : current), {}, { [rowId]: true }));
-		}, [autoCollapse]);
-		const collapseRow = useCallback((rowId) => {
-			setExpandedRowIds((current) => _objectSpread2(_objectSpread2({}, current), {}, { [rowId]: false }));
-		}, []);
-		const allRowSelectValue = useMemo(() => checkStateOfCheckboxs(selectedRowIds), [selectedRowIds]);
-		const selectRows = useCallback((rowIds, state) => {
-			const newSelectedRowIds = rowIds.reduce((acc, rowId) => _objectSpread2(_objectSpread2({}, acc), {}, { [rowId]: state }), selectedRowIds);
-			setSelectedRowIds(newSelectedRowIds);
-			if (onSelectedChange) onSelectedChange(Object.keys(newSelectedRowIds).filter((row) => newSelectedRowIds[row]));
-		}, [onSelectedChange, selectedRowIds]);
-		const selectAll = useCallback(() => {
-			selectRows(Object.keys(selectedRowIds), true);
-		}, [selectRows, selectedRowIds]);
-		const unselectAll = useCallback(() => {
-			selectRows(Object.keys(selectedRowIds), false);
-		}, [selectRows, selectedRowIds]);
-		const selectRow = useCallback((rowId) => {
-			selectRows([rowId], true);
-		}, [selectRows]);
-		const unselectRow = useCallback((rowId) => {
-			selectRows([rowId], false);
-		}, [selectRows]);
-		const selectAllHandler = useCallback(() => {
-			if (allRowSelectValue && [true, "indeterminate"].includes(allRowSelectValue)) unselectAll();
-			if (allRowSelectValue === false) selectAll();
-			setLastCheckedCheckbox(void 0);
-		}, [
-			allRowSelectValue,
-			unselectAll,
-			selectAll
-		]);
-		const subscribeHandler = useCallback(() => {
-			const handlers = [];
-			const updatedRefList = [...new Set(refList.filter((checkbox) => document.contains(checkbox.current) && checkbox.current))];
-			setRefList(updatedRefList);
-			const handleHover = (index, isShiftPressed, leaving) => {
-				const newRange = [];
-				if (lastCheckedCheckbox) {
-					const targetCheckbox = updatedRefList.find((checkbox) => {
-						var _checkbox$current;
-						return ((_checkbox$current = checkbox.current) === null || _checkbox$current === void 0 ? void 0 : _checkbox$current.value) === lastCheckedCheckbox;
+function init_ListContext() {
+	return (init_ListContext = __esmMin(() => {
+		init_objectSpread2();
+		init_toPropertyKey();
+		init_objectWithoutProperties();
+		ListContext = createContext(void 0);
+		checkStateOfCheckboxs = (ids) => {
+			const selectableRowCount = Object.keys(ids).length;
+			const selectableValuesCount = new Set(Object.values(ids));
+			if (!selectableRowCount) return false;
+			if (selectableValuesCount.size === 1) return [...selectableValuesCount][0];
+			return "indeterminate";
+		};
+		ListProvider = ({ children, autoCollapse, selectable, expandButton, onSelectedChange, columns, colMode }) => {
+			const [expandedRowIds, setExpandedRowIds] = useState({});
+			const [selectedRowIds, setSelectedRowIds] = useState({});
+			const [lastCheckedCheckbox, setLastCheckedCheckbox] = useState();
+			const [inRange, setInRange] = useState([]);
+			const [refList, setRefList] = useState([]);
+			const registerExpandableRow = useCallback((rowId, expanded = false) => {
+				setExpandedRowIds((current) => _objectSpread2(_objectSpread2({}, current), {}, { [rowId]: expanded }));
+				return () => {
+					setExpandedRowIds((current) => {
+						const { [rowId]: relatedId } = current;
+						return _objectWithoutProperties(current, [rowId].map(toPropertyKey));
 					});
-					if (isShiftPressed && targetCheckbox && !leaving) {
-						const lastCheckedIndex = updatedRefList.indexOf(targetCheckbox);
-						const start = Math.min(lastCheckedIndex, index) - (Math.min(lastCheckedIndex, index) === index ? 1 : 0);
-						const end = Math.max(lastCheckedIndex, index);
-						updatedRefList.forEach((checkbox, i) => {
-							var _checkbox$current2;
-							if (!((_checkbox$current2 = checkbox.current) === null || _checkbox$current2 === void 0 ? void 0 : _checkbox$current2.disabled) && i > start && i < end) {
-								var _checkbox$current3;
-								newRange.push((_checkbox$current3 = checkbox.current) === null || _checkbox$current3 === void 0 ? void 0 : _checkbox$current3.value);
-							}
+				};
+			}, []);
+			const registerSelectableRow = useCallback((rowId) => {
+				setSelectedRowIds((current) => _objectSpread2(_objectSpread2({}, current), {}, { [rowId]: false }));
+				return () => {
+					setSelectedRowIds((current) => {
+						const { [rowId]: relatedId } = current;
+						return _objectWithoutProperties(current, [rowId].map(toPropertyKey));
+					});
+				};
+			}, []);
+			const expandRow = useCallback((rowId) => {
+				setExpandedRowIds((current) => _objectSpread2(_objectSpread2({}, autoCollapse ? {} : current), {}, { [rowId]: true }));
+			}, [autoCollapse]);
+			const collapseRow = useCallback((rowId) => {
+				setExpandedRowIds((current) => _objectSpread2(_objectSpread2({}, current), {}, { [rowId]: false }));
+			}, []);
+			const allRowSelectValue = useMemo(() => checkStateOfCheckboxs(selectedRowIds), [selectedRowIds]);
+			const selectRows = useCallback((rowIds, state) => {
+				const newSelectedRowIds = rowIds.reduce((acc, rowId) => _objectSpread2(_objectSpread2({}, acc), {}, { [rowId]: state }), selectedRowIds);
+				setSelectedRowIds(newSelectedRowIds);
+				if (onSelectedChange) onSelectedChange(Object.keys(newSelectedRowIds).filter((row) => newSelectedRowIds[row]));
+			}, [onSelectedChange, selectedRowIds]);
+			const selectAll = useCallback(() => {
+				selectRows(Object.keys(selectedRowIds), true);
+			}, [selectRows, selectedRowIds]);
+			const unselectAll = useCallback(() => {
+				selectRows(Object.keys(selectedRowIds), false);
+			}, [selectRows, selectedRowIds]);
+			const selectRow = useCallback((rowId) => {
+				selectRows([rowId], true);
+			}, [selectRows]);
+			const unselectRow = useCallback((rowId) => {
+				selectRows([rowId], false);
+			}, [selectRows]);
+			const selectAllHandler = useCallback(() => {
+				if (allRowSelectValue && [true, "indeterminate"].includes(allRowSelectValue)) unselectAll();
+				if (allRowSelectValue === false) selectAll();
+				setLastCheckedCheckbox(void 0);
+			}, [
+				allRowSelectValue,
+				unselectAll,
+				selectAll
+			]);
+			const subscribeHandler = useCallback(() => {
+				const handlers = [];
+				const updatedRefList = [...new Set(refList.filter((checkbox) => document.contains(checkbox.current) && checkbox.current))];
+				setRefList(updatedRefList);
+				const handleHover = (index, isShiftPressed, leaving) => {
+					const newRange = [];
+					if (lastCheckedCheckbox) {
+						const targetCheckbox = updatedRefList.find((checkbox) => {
+							var _checkbox$current;
+							return ((_checkbox$current = checkbox.current) === null || _checkbox$current === void 0 ? void 0 : _checkbox$current.value) === lastCheckedCheckbox;
 						});
+						if (isShiftPressed && targetCheckbox && !leaving) {
+							const lastCheckedIndex = updatedRefList.indexOf(targetCheckbox);
+							const start = Math.min(lastCheckedIndex, index) - (Math.min(lastCheckedIndex, index) === index ? 1 : 0);
+							const end = Math.max(lastCheckedIndex, index);
+							updatedRefList.forEach((checkbox, i) => {
+								var _checkbox$current2;
+								if (!((_checkbox$current2 = checkbox.current) === null || _checkbox$current2 === void 0 ? void 0 : _checkbox$current2.disabled) && i > start && i < end) {
+									var _checkbox$current3;
+									newRange.push((_checkbox$current3 = checkbox.current) === null || _checkbox$current3 === void 0 ? void 0 : _checkbox$current3.value);
+								}
+							});
+						}
 					}
-				}
-				setInRange(newRange);
-			};
-			const handleClickRange = (currentCheckbox, index, isShiftPressed) => {
-				if (isShiftPressed) {
-					const checkboxesInRange = [];
-					const targetCheckbox = updatedRefList.find((checkbox) => {
-						var _checkbox$current4;
-						return ((_checkbox$current4 = checkbox.current) === null || _checkbox$current4 === void 0 ? void 0 : _checkbox$current4.value) === lastCheckedCheckbox;
-					});
-					const lastCheckedIndex = targetCheckbox ? updatedRefList.indexOf(targetCheckbox) : void 0;
-					if (lastCheckedIndex !== void 0) {
-						const start = Math.min(lastCheckedIndex, index) - (Math.min(lastCheckedIndex, index) === index ? 1 : 0);
-						const end = Math.max(lastCheckedIndex, index);
-						updatedRefList.forEach((checkbox, key) => {
-							var _checkbox$current5;
-							if (start < key && key <= end && !((_checkbox$current5 = checkbox.current) === null || _checkbox$current5 === void 0 ? void 0 : _checkbox$current5.disabled)) {
-								var _checkbox$current6;
-								checkboxesInRange.push((_checkbox$current6 = checkbox.current) === null || _checkbox$current6 === void 0 ? void 0 : _checkbox$current6.value);
-							}
+					setInRange(newRange);
+				};
+				const handleClickRange = (currentCheckbox, index, isShiftPressed) => {
+					if (isShiftPressed) {
+						const checkboxesInRange = [];
+						const targetCheckbox = updatedRefList.find((checkbox) => {
+							var _checkbox$current4;
+							return ((_checkbox$current4 = checkbox.current) === null || _checkbox$current4 === void 0 ? void 0 : _checkbox$current4.value) === lastCheckedCheckbox;
 						});
-						selectRows(checkboxesInRange, currentCheckbox.checked);
+						const lastCheckedIndex = targetCheckbox ? updatedRefList.indexOf(targetCheckbox) : void 0;
+						if (lastCheckedIndex !== void 0) {
+							const start = Math.min(lastCheckedIndex, index) - (Math.min(lastCheckedIndex, index) === index ? 1 : 0);
+							const end = Math.max(lastCheckedIndex, index);
+							updatedRefList.forEach((checkbox, key) => {
+								var _checkbox$current5;
+								if (start < key && key <= end && !((_checkbox$current5 = checkbox.current) === null || _checkbox$current5 === void 0 ? void 0 : _checkbox$current5.disabled)) {
+									var _checkbox$current6;
+									checkboxesInRange.push((_checkbox$current6 = checkbox.current) === null || _checkbox$current6 === void 0 ? void 0 : _checkbox$current6.value);
+								}
+							});
+							selectRows(checkboxesInRange, currentCheckbox.checked);
+							setLastCheckedCheckbox(currentCheckbox.value);
+						}
+					}
+					/**
+					* Handle the case when there is multiple selected value during a time, and the user click without shift event
+					*/
+					setTimeout(() => {
+						setInRange([]);
 						setLastCheckedCheckbox(currentCheckbox.value);
+					}, 1);
+				};
+				refList.forEach((checkbox, index) => {
+					const clickHandler = function clickHandler(event) {
+						handleClickRange(this, index, event.shiftKey);
+					};
+					const hoverEnteringHandler = (event) => handleHover(index, event.shiftKey, false);
+					const hoverLeavingHandler = (event) => handleHover(index, event.shiftKey, true);
+					if (checkbox.current) {
+						checkbox.current.addEventListener("click", clickHandler);
+						checkbox.current.addEventListener("mousemove", hoverEnteringHandler);
+						checkbox.current.addEventListener("mouseout", hoverLeavingHandler);
+						handlers.push(() => {
+							if (checkbox.current) {
+								checkbox.current.removeEventListener("click", clickHandler);
+								checkbox.current.removeEventListener("mouseout", hoverEnteringHandler);
+								checkbox.current.removeEventListener("mousemove", hoverLeavingHandler);
+							}
+						});
 					}
-				}
-				/**
-				* Handle the case when there is multiple selected value during a time, and the user click without shift event
-				*/
-				setTimeout(() => {
-					setInRange([]);
-					setLastCheckedCheckbox(currentCheckbox.value);
-				}, 1);
-			};
-			refList.forEach((checkbox, index) => {
-				const clickHandler = function clickHandler(event) {
-					handleClickRange(this, index, event.shiftKey);
+				});
+				return () => {
+					for (const cleanup of handlers) cleanup();
 				};
-				const hoverEnteringHandler = (event) => handleHover(index, event.shiftKey, false);
-				const hoverLeavingHandler = (event) => handleHover(index, event.shiftKey, true);
-				if (checkbox.current) {
-					checkbox.current.addEventListener("click", clickHandler);
-					checkbox.current.addEventListener("mousemove", hoverEnteringHandler);
-					checkbox.current.addEventListener("mouseout", hoverLeavingHandler);
-					handlers.push(() => {
-						if (checkbox.current) {
-							checkbox.current.removeEventListener("click", clickHandler);
-							checkbox.current.removeEventListener("mouseout", hoverEnteringHandler);
-							checkbox.current.removeEventListener("mousemove", hoverLeavingHandler);
-						}
-					});
-				}
+			}, [lastCheckedCheckbox, selectRows]);
+			useEffect(() => {
+				subscribeHandler();
+			}, [subscribeHandler]);
+			const handleOnChange = useCallback((value, checked) => {
+				selectRows([value], !checked);
+				setLastCheckedCheckbox(value);
+			}, [selectRows]);
+			const value = useMemo(() => ({
+				allRowSelectValue,
+				collapseRow,
+				colMode,
+				columns,
+				expandButton,
+				expandedRowIds,
+				expandRow,
+				handleOnChange,
+				inRange,
+				refList,
+				registerExpandableRow,
+				registerSelectableRow,
+				selectAll,
+				selectAllHandler,
+				selectable,
+				selectedRowIds,
+				selectRow,
+				setRefList,
+				subscribeHandler,
+				unselectAll,
+				unselectRow
+			}), [
+				allRowSelectValue,
+				selectAllHandler,
+				subscribeHandler,
+				collapseRow,
+				columns,
+				expandButton,
+				expandedRowIds,
+				expandRow,
+				inRange,
+				refList,
+				registerExpandableRow,
+				registerSelectableRow,
+				selectable,
+				selectAll,
+				selectedRowIds,
+				selectRow,
+				unselectAll,
+				unselectRow,
+				handleOnChange,
+				colMode
+			]);
+			return /* @__PURE__ */ jsx(ListContext.Provider, {
+				value,
+				children
 			});
-			return () => {
-				for (const cleanup of handlers) cleanup();
-			};
-		}, [lastCheckedCheckbox, selectRows]);
-		useEffect(() => {
-			subscribeHandler();
-		}, [subscribeHandler]);
-		const handleOnChange = useCallback((value, checked) => {
-			selectRows([value], !checked);
-			setLastCheckedCheckbox(value);
-		}, [selectRows]);
-		const value = useMemo(() => ({
-			allRowSelectValue,
-			collapseRow,
-			colMode,
-			columns,
-			expandButton,
-			expandedRowIds,
-			expandRow,
-			handleOnChange,
-			inRange,
-			refList,
-			registerExpandableRow,
-			registerSelectableRow,
-			selectAll,
-			selectAllHandler,
-			selectable,
-			selectedRowIds,
-			selectRow,
-			setRefList,
-			subscribeHandler,
-			unselectAll,
-			unselectRow
-		}), [
-			allRowSelectValue,
-			selectAllHandler,
-			subscribeHandler,
-			collapseRow,
-			columns,
-			expandButton,
-			expandedRowIds,
-			expandRow,
-			inRange,
-			refList,
-			registerExpandableRow,
-			registerSelectableRow,
-			selectable,
-			selectAll,
-			selectedRowIds,
-			selectRow,
-			unselectAll,
-			unselectRow,
-			handleOnChange,
-			colMode
-		]);
-		return /* @__PURE__ */ jsx(ListContext.Provider, {
-			value,
-			children
-		});
-	};
-	useListContext = () => {
-		const context = useContext(ListContext);
-		if (!context) throw new Error("useListContext should be used inside a List component");
-		return context;
-	};
-});
+		};
+		useListContext = () => {
+			const context = useContext(ListContext);
+			if (!context) throw new Error("useListContext should be used inside a List component");
+			return context;
+		};
+	}))();
+}
 
 //#endregion
 init_ListContext();