@uva-glass/component-library 3.57.3 → 3.57.5

package/dist/components/DataTable/DataTable.stories.js

@@ -1,5 +1,5 @@
 import { t as e } from "../../Checkbox-sAt4To2B.js";
-import { t } from "../../DataTable-Cgn_RKTA.js";
+import { t } from "../../DataTable-UslvEf3c.js";
 import { useEffect as n, useMemo as r, useRef as i, useState as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/DataTable/mockDataTableData.js
@@ -40019,42 +40019,42 @@ var c = [
 		columns: { control: !1 },
 		stickyHeader: { control: !1 },
 		virtualize: { control: !1 },
-		activeKey: { control: !1 }
+		activeKeys: { control: !1 }
 	},
 	parameters: {
 		inspectComponent: t,
 		codeString: "<DataTable<DataProps> \n          data={Array of data objects} \n          columns={columns} \n          stickyHeader={boolean}\n          virtualize={\n            { \n              rowHeight: {number}\n              buffer: {number}\n            }\n          }\n        />"
 	}
-}, p = (() => {
-	let [f, p] = a(c), m = i(null), [h, g] = a([]), _ = i(null), v = (() => {
-		let e = f?.every((e) => h.includes(e.id)), t = f?.some((e) => h.includes(e.id));
+}, p = ((f) => {
+	let [p, m] = a(c), h = i(null), [g, _] = a([]), v = i(null), y = (() => {
+		let e = p?.every((e) => g.includes(e.id)), t = p?.some((e) => g.includes(e.id));
 		return e ? !0 : !e && t ? "indeterminate" : !1;
-	})(), y = (e, t) => {
-		if (e.nativeEvent.shiftKey && _.current) {
-			let [e, n] = [f?.findIndex((e) => e.id === _.current) ?? -1, f?.findIndex((e) => e.id === t) ?? -1].sort((e, t) => e - t), r = f?.slice(e, n + 1).map((e) => e.id) ?? [];
-			g((e) => {
+	})(), b = (e, t) => {
+		if (e.nativeEvent.shiftKey && v.current) {
+			let [e, n] = [p?.findIndex((e) => e.id === v.current) ?? -1, p?.findIndex((e) => e.id === t) ?? -1].sort((e, t) => e - t), r = p?.slice(e, n + 1).map((e) => e.id) ?? [];
+			_((e) => {
 				let t = /* @__PURE__ */ new Set([...e, ...r]);
 				return Array.from(t);
-			}), _.current = t;
-		} else g((e) => e.includes(t) ? e.filter((e) => e !== t) : [...e, t]), _.current = t;
+			}), v.current = t;
+		} else _((e) => e.includes(t) ? e.filter((e) => e !== t) : [...e, t]), v.current = t;
 	};
 	n(() => {
-		m.current && (m.current.indeterminate = v === "indeterminate");
-	}, [v]);
-	let b = r(() => [
+		h.current && (h.current.indeterminate = y === "indeterminate");
+	}, [y]);
+	let x = r(() => [
 		{
 			key: "id",
 			label: () => /* @__PURE__ */ o(e, {
-				ref: m,
-				checked: v === !0,
+				ref: h,
+				checked: y === !0,
 				onChange: () => {
-					g(v === !0 ? [] : f?.map((e) => e.id) ?? []);
+					_(y === !0 ? [] : p?.map((e) => e.id) ?? []);
 				}
 			}),
 			cell: (t) => /* @__PURE__ */ o(e, {
-				checked: t ? !!h.includes(t.id) : !1,
+				checked: t ? !!g.includes(t.id) : !1,
 				onChange: (e) => {
-					t && y(e, t.id);
+					t && b(e, t.id);
 				}
 			}),
 			fixedWidth: "2rem"
@@ -40124,9 +40124,9 @@ var c = [
 			}
 		}
 	], [
-		v,
-		f,
-		h
+		y,
+		p,
+		g
 	]);
 	return /* @__PURE__ */ s("div", {
 		style: {
@@ -40144,9 +40144,9 @@ var c = [
 				},
 				onChange: (e) => {
 					let t = e.target.value;
-					p(c.slice(0, d).filter((e) => e.university.includes(t) || e.first_name.includes(t) || e.last_name.includes(t)));
+					m(c.slice(0, d).filter((e) => e.university.includes(t) || e.first_name.includes(t) || e.last_name.includes(t)));
 				},
-				disabled: h.length !== 0
+				disabled: g.length !== 0
 			}),
 			/* @__PURE__ */ s("span", {
 				style: {
@@ -40157,34 +40157,32 @@ var c = [
 					"This is a preview of ",
 					d,
 					" rows. Filtered ",
-					f?.length ?? 0,
+					p?.length ?? 0,
 					" rows. Selected ",
-					h.length,
+					g.length,
 					" ",
 					"rows."
 				]
 			}),
-			/* @__PURE__ */ o("div", {
-				style: {
-					border: "1px dashed gray",
-					height: "calc(100% - 5rem)",
-					overflow: "hidden"
-				},
-				children: /* @__PURE__ */ o(t, {
-					data: f ?? [],
-					columns: b,
-					stickyHeader: !0,
-					virtualize: {
-						rowHeight: 90,
-						buffer: 6
-					},
-					activeKeys: h,
-					noDataMessage: "No records found"
-				})
+			/* @__PURE__ */ o(t, {
+				...f,
+				data: p ?? [],
+				columns: x,
+				activeKeys: g
 			})
 		]
 	});
-}).bind({}), m = (() => {
+}).bind({});
+p.args = {
+	stickyHeader: !0,
+	virtualize: {
+		rowHeight: 90,
+		buffer: 6
+	},
+	noHover: !1,
+	noDataMessage: "No records found"
+};
+var m = (() => {
 	let [f, p] = a(c), m = i(null), [h, g] = a([]), _ = i(null), v = (() => {
 		let e = f?.every((e) => h.includes(e.id)), t = f?.some((e) => h.includes(e.id));
 		return e ? !0 : !e && t ? "indeterminate" : !1;
@@ -40327,18 +40325,11 @@ var c = [
 					"rows."
 				]
 			}),
-			/* @__PURE__ */ o("div", {
-				style: {
-					border: "1px dashed gray",
-					height: "calc(100% - 5rem)",
-					overflow: "hidden"
-				},
-				children: /* @__PURE__ */ o(t, {
-					data: f ?? [],
-					columns: b,
-					stickyHeader: !1,
-					noDataMessage: "No records found"
-				})
+			/* @__PURE__ */ o(t, {
+				data: f ?? [],
+				columns: b,
+				stickyHeader: !1,
+				noDataMessage: "No records found"
 			})
 		]
 	});