synapse-react-client 4.0.36 → 4.0.37

package/dist/components/DataGrid/components/ReorderColumnsDialog.js

@@ -1,93 +1,132 @@
 import { ConfirmationDialog as e } from "../../ConfirmationDialog/ConfirmationDialog.js";
 import "../../ConfirmationDialog/index.js";
-import { computeDefaultColumnOrder as t } from "../utils/computeDefaultColumnOrder.js";
-import { useState as n } from "react";
-import { Box as r, Button as i, IconButton as a, List as o, ListItem as s, ListItemText as c, Stack as l } from "@mui/material";
+import { collectTopLevelProperties as t } from "../../../utils/jsonschema/collectTopLevelProperties.js";
+import { computeDefaultColumnOrder as n } from "../utils/computeDefaultColumnOrder.js";
+import { useState as r } from "react";
+import { Box as i, Button as a, IconButton as o, List as s, ListItem as ee, ListItemText as c, Stack as l, Typography as te } from "@mui/material";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 import f from "lodash-es/isEqual";
-import { North as p, RestartAlt as m, South as h } from "@mui/icons-material";
-import { c as g } from "react/compiler-runtime";
+import { DeleteOutline as p, North as m, RestartAlt as ne, RestoreFromTrash as re, South as ie } from "@mui/icons-material";
+import { c as ae } from "react/compiler-runtime";
 //#region src/components/DataGrid/components/ReorderColumnsDialog.tsx
-function _(e, t, n) {
+function h(e, t, n) {
 	let r = [...e], [i] = r.splice(t, 1);
 	return r.splice(n, 0, i), r;
 }
-function v(v) {
-	let y = g(34), { open: b, columnNames: x, columnOrder: S, jsonSchema: C, upsertKey: w, onSave: T, onCancel: E } = v, [D, O] = n(S), k;
-	y[0] !== x || y[1] !== C || y[2] !== w ? (k = t(x, C, w), y[0] = x, y[1] = C, y[2] = w, y[3] = k) : k = y[3];
-	let A = k, j;
-	y[4] === Symbol.for("react.memo_cache_sentinel") ? (j = {
+function g(g) {
+	let _ = ae(57), { open: v, columnNames: y, columnOrder: b, jsonSchema: x, upsertKey: S, canRemoveColumns: C, onSave: w, onCancel: T } = g, E = C === void 0 ? !1 : C, D, O, k;
+	_[0] !== E || _[1] !== y || _[2] !== b ? (D = E ? y.map(oe).filter((e) => !b.includes(e)) : [], O = r, k = [...b, ...D], _[0] = E, _[1] = y, _[2] = b, _[3] = D, _[4] = O, _[5] = k) : (D = _[3], O = _[4], k = _[5]);
+	let [A, j] = O(k), [M, N] = r(D), P;
+	_[6] !== y || _[7] !== x || _[8] !== S ? (P = n(y, x, S), _[6] = y, _[7] = x, _[8] = S, _[9] = P) : P = _[9];
+	let F = P, I = A.length - M.length, L;
+	_[10] !== F || _[11] !== M.length || _[12] !== A ? (L = f(A, F) && M.length === 0, _[10] = F, _[11] = M.length, _[12] = A, _[13] = L) : L = _[13];
+	let R = L, z;
+	_[14] === x ? z = _[15] : (z = t(x), _[14] = x, _[15] = z);
+	let B = z, V;
+	_[16] === B ? V = _[17] : (V = (e) => Object.hasOwn(B, e), _[16] = B, _[17] = V);
+	let H = V, U;
+	_[18] === E ? U = _[19] : (U = E && /* @__PURE__ */ u(te, {
+		variant: "body2",
+		color: "text.secondary",
+		sx: { mb: 1 },
+		children: "Only columns that are not part of the schema can be removed."
+	}), _[18] = E, _[19] = U);
+	let W;
+	_[20] === Symbol.for("react.memo_cache_sentinel") ? (W = {
 		display: "flex",
 		justifyContent: "flex-end",
 		mb: 1
-	}, y[4] = j) : j = y[4];
-	let M;
-	y[5] === Symbol.for("react.memo_cache_sentinel") ? (M = /* @__PURE__ */ u(m, {}), y[5] = M) : M = y[5];
-	let N;
-	y[6] === A ? N = y[7] : (N = () => O(A), y[6] = A, y[7] = N);
-	let P;
-	y[8] !== A || y[9] !== D ? (P = f(D, A), y[8] = A, y[9] = D, y[10] = P) : P = y[10];
-	let F;
-	y[11] !== N || y[12] !== P ? (F = /* @__PURE__ */ u(r, {
-		sx: j,
-		children: /* @__PURE__ */ u(i, {
+	}, _[20] = W) : W = _[20];
+	let G;
+	_[21] === Symbol.for("react.memo_cache_sentinel") ? (G = /* @__PURE__ */ u(ne, {}), _[21] = G) : G = _[21];
+	let K;
+	_[22] === F ? K = _[23] : (K = () => {
+		j(F), N([]);
+	}, _[22] = F, _[23] = K);
+	let q;
+	_[24] !== R || _[25] !== K ? (q = /* @__PURE__ */ u(i, {
+		sx: W,
+		children: /* @__PURE__ */ u(a, {
 			variant: "text",
-			startIcon: M,
-			onClick: N,
-			disabled: P,
+			startIcon: G,
+			onClick: K,
+			disabled: R,
 			children: "Reset to Default Order"
 		})
-	}), y[11] = N, y[12] = P, y[13] = F) : F = y[13];
-	let I;
-	if (y[14] !== x || y[15] !== D) {
+	}), _[24] = R, _[25] = K, _[26] = q) : q = _[26];
+	let J;
+	if (_[27] !== I || _[28] !== E || _[29] !== y || _[30] !== H || _[31] !== M || _[32] !== A) {
 		let e;
-		y[17] !== x || y[18] !== D.length ? (e = (e, t) => {
-			let n = x[e];
-			return /* @__PURE__ */ u(s, {
+		_[34] !== I || _[35] !== E || _[36] !== y || _[37] !== H || _[38] !== M || _[39] !== A.length ? (e = (e, t) => {
+			let n = y[e], r = M.includes(e);
+			return /* @__PURE__ */ u(ee, {
 				divider: !0,
+				sx: r ? { opacity: .5 } : void 0,
 				secondaryAction: /* @__PURE__ */ d(l, {
 					direction: "row",
 					spacing: .5,
-					children: [/* @__PURE__ */ u(a, {
-						"aria-label": `Move ${n} up`,
-						size: "small",
-						disabled: t === 0,
-						onClick: () => O((e) => _(e, t, t - 1)),
-						children: /* @__PURE__ */ u(p, { fontSize: "small" })
-					}), /* @__PURE__ */ u(a, {
-						"aria-label": `Move ${n} down`,
-						size: "small",
-						disabled: t === D.length - 1,
-						onClick: () => O((e) => _(e, t, t + 1)),
-						children: /* @__PURE__ */ u(h, { fontSize: "small" })
-					})]
+					children: [
+						E && (r ? /* @__PURE__ */ u(o, {
+							"aria-label": `Restore ${n}`,
+							size: "small",
+							onClick: () => N((t) => t.filter((t) => t !== e)),
+							children: /* @__PURE__ */ u(re, { fontSize: "small" })
+						}) : !H(n) && /* @__PURE__ */ u(o, {
+							"aria-label": `Remove ${n}`,
+							size: "small",
+							disabled: I <= 1,
+							onClick: () => N((t) => [...t, e]),
+							children: /* @__PURE__ */ u(p, { fontSize: "small" })
+						})),
+						/* @__PURE__ */ u(o, {
+							"aria-label": `Move ${n} up`,
+							size: "small",
+							disabled: r || t === 0,
+							onClick: () => j((e) => h(e, t, t - 1)),
+							children: /* @__PURE__ */ u(m, { fontSize: "small" })
+						}),
+						/* @__PURE__ */ u(o, {
+							"aria-label": `Move ${n} down`,
+							size: "small",
+							disabled: r || t === A.length - 1,
+							onClick: () => j((e) => h(e, t, t + 1)),
+							children: /* @__PURE__ */ u(ie, { fontSize: "small" })
+						})
+					]
 				}),
 				children: /* @__PURE__ */ u(c, { primary: n })
 			}, e);
-		}, y[17] = x, y[18] = D.length, y[19] = e) : e = y[19], I = D.map(e), y[14] = x, y[15] = D, y[16] = I;
-	} else I = y[16];
-	let L;
-	y[20] === I ? L = y[21] : (L = /* @__PURE__ */ u(o, {
+		}, _[34] = I, _[35] = E, _[36] = y, _[37] = H, _[38] = M, _[39] = A.length, _[40] = e) : e = _[40], J = A.map(e), _[27] = I, _[28] = E, _[29] = y, _[30] = H, _[31] = M, _[32] = A, _[33] = J;
+	} else J = _[33];
+	let Y;
+	_[41] === J ? Y = _[42] : (Y = /* @__PURE__ */ u(s, {
 		disablePadding: !0,
-		children: I
-	}), y[20] = I, y[21] = L);
-	let R;
-	y[22] !== F || y[23] !== L ? (R = /* @__PURE__ */ d(r, { children: [F, L] }), y[22] = F, y[23] = L, y[24] = R) : R = y[24];
-	let z;
-	y[25] === Symbol.for("react.memo_cache_sentinel") ? (z = { children: "Save" }, y[25] = z) : z = y[25];
-	let B;
-	y[26] !== T || y[27] !== D ? (B = () => T(D), y[26] = T, y[27] = D, y[28] = B) : B = y[28];
-	let V;
-	return y[29] !== E || y[30] !== b || y[31] !== B || y[32] !== R ? (V = /* @__PURE__ */ u(e, {
-		open: b,
+		children: J
+	}), _[41] = J, _[42] = Y);
+	let X;
+	_[43] !== q || _[44] !== Y || _[45] !== U ? (X = /* @__PURE__ */ d(i, { children: [
+		U,
+		q,
+		Y
+	] }), _[43] = q, _[44] = Y, _[45] = U, _[46] = X) : X = _[46];
+	let Z;
+	_[47] === Symbol.for("react.memo_cache_sentinel") ? (Z = { children: "Save" }, _[47] = Z) : Z = _[47];
+	let Q;
+	_[48] !== w || _[49] !== M || _[50] !== A ? (Q = () => w(A.filter((e) => !M.includes(e))), _[48] = w, _[49] = M, _[50] = A, _[51] = Q) : Q = _[51];
+	let $;
+	return _[52] !== T || _[53] !== v || _[54] !== X || _[55] !== Q ? ($ = /* @__PURE__ */ u(e, {
+		open: v,
 		title: "Reorder Columns",
-		content: R,
-		confirmButtonProps: z,
-		onConfirm: B,
-		onCancel: E
-	}), y[29] = E, y[30] = b, y[31] = B, y[32] = R, y[33] = V) : V = y[33], V;
+		content: X,
+		confirmButtonProps: Z,
+		onConfirm: Q,
+		onCancel: T
+	}), _[52] = T, _[53] = v, _[54] = X, _[55] = Q, _[56] = $) : $ = _[56], $;
+}
+function oe(e, t) {
+	return t;
 }
 //#endregion
-export { v as default };
+export { g as default };
 
 //# sourceMappingURL=ReorderColumnsDialog.js.map

package/dist/components/DataGrid/components/ReorderColumnsDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReorderColumnsDialog.js","names":["ConfirmationDialog","computeDefaultColumnOrder","North","RestartAlt","South","Box","Button","IconButton","List","ListItem","ListItemText","Stack","JSONSchema7","isEqual","useMemo","useState","ReorderColumnsDialogProps","open","columnNames","columnOrder","jsonSchema","upsertKey","onSave","newColumnOrder","onCancel","moveItem","order","from","to","next","moved","splice","ReorderColumnsDialog","props","$","_c","workingOrder","setWorkingOrder","t0","defaultOrder","t1","Symbol","for","display","justifyContent","mb","t2","t3","t4","t5","t6","t7","length","colIndex","displayIndex","columnName","order_0","map","t8","t9","children","t10","t11"],"sources":["../../../../src/components/DataGrid/components/ReorderColumnsDialog.tsx"],"sourcesContent":["import { ConfirmationDialog } from '@/components/ConfirmationDialog'\nimport { computeDefaultColumnOrder } from '@/components/DataGrid/utils/computeDefaultColumnOrder'\nimport { North, RestartAlt, South } from '@mui/icons-material'\nimport {\n  Box,\n  Button,\n  IconButton,\n  List,\n  ListItem,\n  ListItemText,\n  Stack,\n} from '@mui/material'\nimport { JSONSchema7 } from 'json-schema'\nimport isEqual from 'lodash-es/isEqual'\nimport { useMemo, useState } from 'react'\n\nexport type ReorderColumnsDialogProps = {\n  open: boolean\n  columnNames: string[]\n  columnOrder: number[]\n  jsonSchema: JSONSchema7 | undefined\n  upsertKey?: string[]\n  onSave: (newColumnOrder: number[]) => void\n  onCancel: () => void\n}\n\nfunction moveItem(order: number[], from: number, to: number): number[] {\n  const next = [...order]\n  const [moved] = next.splice(from, 1)\n  next.splice(to, 0, moved)\n  return next\n}\n\nexport default function ReorderColumnsDialog(props: ReorderColumnsDialogProps) {\n  const {\n    open,\n    columnNames,\n    columnOrder,\n    jsonSchema,\n    upsertKey,\n    onSave,\n    onCancel,\n  } = props\n\n  const [workingOrder, setWorkingOrder] = useState<number[]>(columnOrder)\n\n  const defaultOrder = useMemo(\n    () => computeDefaultColumnOrder(columnNames, jsonSchema, upsertKey),\n    [columnNames, jsonSchema, upsertKey],\n  )\n\n  return (\n    <ConfirmationDialog\n      open={open}\n      title=\"Reorder Columns\"\n      content={\n        <Box>\n          <Box sx={{ display: 'flex', justifyContent: 'flex-end', mb: 1 }}>\n            <Button\n              variant=\"text\"\n              startIcon={<RestartAlt />}\n              onClick={() => setWorkingOrder(defaultOrder)}\n              disabled={isEqual(workingOrder, defaultOrder)}\n            >\n              Reset to Default Order\n            </Button>\n          </Box>\n          <List disablePadding>\n            {workingOrder.map((colIndex, displayIndex) => {\n              const columnName = columnNames[colIndex]\n              return (\n                <ListItem\n                  key={colIndex}\n                  divider\n                  secondaryAction={\n                    <Stack direction=\"row\" spacing={0.5}>\n                      <IconButton\n                        aria-label={`Move ${columnName} up`}\n                        size=\"small\"\n                        disabled={displayIndex === 0}\n                        onClick={() =>\n                          setWorkingOrder(order =>\n                            moveItem(order, displayIndex, displayIndex - 1),\n                          )\n                        }\n                      >\n                        <North fontSize=\"small\" />\n                      </IconButton>\n                      <IconButton\n                        aria-label={`Move ${columnName} down`}\n                        size=\"small\"\n                        disabled={displayIndex === workingOrder.length - 1}\n                        onClick={() =>\n                          setWorkingOrder(order =>\n                            moveItem(order, displayIndex, displayIndex + 1),\n                          )\n                        }\n                      >\n                        <South fontSize=\"small\" />\n                      </IconButton>\n                    </Stack>\n                  }\n                >\n                  <ListItemText primary={columnName} />\n                </ListItem>\n              )\n            })}\n          </List>\n        </Box>\n      }\n      confirmButtonProps={{ children: 'Save' }}\n      onConfirm={() => onSave(workingOrder)}\n      onCancel={onCancel}\n    />\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"ReorderColumnsDialog.js","names":["ConfirmationDialog","computeDefaultColumnOrder","collectTopLevelProperties","DeleteOutline","North","RestartAlt","RestoreFromTrash","South","Box","Button","IconButton","List","ListItem","ListItemText","Stack","Typography","JSONSchema7","isEqual","useMemo","useState","ReorderColumnsDialogProps","open","columnNames","columnOrder","jsonSchema","upsertKey","canRemoveColumns","onSave","newColumnOrder","onCancel","moveItem","order","from","to","next","moved","splice","ReorderColumnsDialog","props","$","_c","t0","undefined","previouslyRemovedColumnIndices","t1","t2","map","_temp","filter","index_0","includes","index","workingOrder","setWorkingOrder","removedColumnIndices","setRemovedColumnIndices","t3","defaultOrder","activeColumnCount","length","t4","isAtDefault","t5","schemaProperties","t6","columnName","Object","hasOwn","isSchemaColumn","t7","mb","t8","Symbol","for","display","justifyContent","t9","t10","t11","t12","t13","colIndex","displayIndex","columnName_0","isRemoved","opacity","indices","index_1","indices_0","order_0","t14","t15","children","t16","index_2","t17","_"],"sources":["../../../../src/components/DataGrid/components/ReorderColumnsDialog.tsx"],"sourcesContent":["import { ConfirmationDialog } from '@/components/ConfirmationDialog'\nimport { computeDefaultColumnOrder } from '@/components/DataGrid/utils/computeDefaultColumnOrder'\nimport { collectTopLevelProperties } from '@/utils/jsonschema/collectTopLevelProperties'\nimport {\n  DeleteOutline,\n  North,\n  RestartAlt,\n  RestoreFromTrash,\n  South,\n} from '@mui/icons-material'\nimport {\n  Box,\n  Button,\n  IconButton,\n  List,\n  ListItem,\n  ListItemText,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport { JSONSchema7 } from 'json-schema'\nimport isEqual from 'lodash-es/isEqual'\nimport { useMemo, useState } from 'react'\n\nexport type ReorderColumnsDialogProps = {\n  open: boolean\n  columnNames: string[]\n  columnOrder: number[]\n  jsonSchema: JSONSchema7 | undefined\n  upsertKey?: string[]\n  /** Recordset-sourced grids only -- views do not support hiding/removing columns from display. */\n  canRemoveColumns?: boolean\n  onSave: (newColumnOrder: number[]) => void\n  onCancel: () => void\n}\n\nfunction moveItem(order: number[], from: number, to: number): number[] {\n  const next = [...order]\n  const [moved] = next.splice(from, 1)\n  next.splice(to, 0, moved)\n  return next\n}\n\nexport default function ReorderColumnsDialog(props: ReorderColumnsDialogProps) {\n  const {\n    open,\n    columnNames,\n    columnOrder,\n    jsonSchema,\n    upsertKey,\n    canRemoveColumns = false,\n    onSave,\n    onCancel,\n  } = props\n\n  // Columns previously removed (and saved) are absent from columnOrder entirely, but their\n  // identity index still exists in columnNames -- surface them so they can be restored.\n  const previouslyRemovedColumnIndices = canRemoveColumns\n    ? columnNames\n        .map((_, index) => index)\n        .filter(index => !columnOrder.includes(index))\n    : []\n\n  const [workingOrder, setWorkingOrder] = useState<number[]>([\n    ...columnOrder,\n    ...previouslyRemovedColumnIndices,\n  ])\n  const [removedColumnIndices, setRemovedColumnIndices] = useState<number[]>(\n    previouslyRemovedColumnIndices,\n  )\n\n  const defaultOrder = useMemo(\n    () => computeDefaultColumnOrder(columnNames, jsonSchema, upsertKey),\n    [columnNames, jsonSchema, upsertKey],\n  )\n\n  const activeColumnCount = workingOrder.length - removedColumnIndices.length\n  const isAtDefault =\n    isEqual(workingOrder, defaultOrder) && removedColumnIndices.length === 0\n\n  // Only columns that aren't part of the JSON schema can be removed -- schema-defined\n  // columns are required for validation/upsert and shouldn't be hidden from the grid.\n  // Properties inherited through $ref/allOf/etc. count, matching how the backend resolves\n  // a RecordSet's schema columns.\n  const schemaProperties = useMemo(\n    () => collectTopLevelProperties(jsonSchema),\n    [jsonSchema],\n  )\n  const isSchemaColumn = (columnName: string) =>\n    Object.hasOwn(schemaProperties, columnName)\n\n  return (\n    <ConfirmationDialog\n      open={open}\n      title=\"Reorder Columns\"\n      content={\n        <Box>\n          {canRemoveColumns && (\n            <Typography variant=\"body2\" color=\"text.secondary\" sx={{ mb: 1 }}>\n              Only columns that are not part of the schema can be removed.\n            </Typography>\n          )}\n          <Box sx={{ display: 'flex', justifyContent: 'flex-end', mb: 1 }}>\n            <Button\n              variant=\"text\"\n              startIcon={<RestartAlt />}\n              onClick={() => {\n                setWorkingOrder(defaultOrder)\n                setRemovedColumnIndices([])\n              }}\n              disabled={isAtDefault}\n            >\n              Reset to Default Order\n            </Button>\n          </Box>\n          <List disablePadding>\n            {workingOrder.map((colIndex, displayIndex) => {\n              const columnName = columnNames[colIndex]\n              const isRemoved = removedColumnIndices.includes(colIndex)\n              return (\n                <ListItem\n                  key={colIndex}\n                  divider\n                  sx={isRemoved ? { opacity: 0.5 } : undefined}\n                  secondaryAction={\n                    <Stack direction=\"row\" spacing={0.5}>\n                      {canRemoveColumns &&\n                        (isRemoved ? (\n                          <IconButton\n                            aria-label={`Restore ${columnName}`}\n                            size=\"small\"\n                            onClick={() =>\n                              setRemovedColumnIndices(indices =>\n                                indices.filter(index => index !== colIndex),\n                              )\n                            }\n                          >\n                            <RestoreFromTrash fontSize=\"small\" />\n                          </IconButton>\n                        ) : (\n                          !isSchemaColumn(columnName) && (\n                            <IconButton\n                              aria-label={`Remove ${columnName}`}\n                              size=\"small\"\n                              disabled={activeColumnCount <= 1}\n                              onClick={() =>\n                                setRemovedColumnIndices(indices => [\n                                  ...indices,\n                                  colIndex,\n                                ])\n                              }\n                            >\n                              <DeleteOutline fontSize=\"small\" />\n                            </IconButton>\n                          )\n                        ))}\n                      <IconButton\n                        aria-label={`Move ${columnName} up`}\n                        size=\"small\"\n                        disabled={isRemoved || displayIndex === 0}\n                        onClick={() =>\n                          setWorkingOrder(order =>\n                            moveItem(order, displayIndex, displayIndex - 1),\n                          )\n                        }\n                      >\n                        <North fontSize=\"small\" />\n                      </IconButton>\n                      <IconButton\n                        aria-label={`Move ${columnName} down`}\n                        size=\"small\"\n                        disabled={\n                          isRemoved || displayIndex === workingOrder.length - 1\n                        }\n                        onClick={() =>\n                          setWorkingOrder(order =>\n                            moveItem(order, displayIndex, displayIndex + 1),\n                          )\n                        }\n                      >\n                        <South fontSize=\"small\" />\n                      </IconButton>\n                    </Stack>\n                  }\n                >\n                  <ListItemText primary={columnName} />\n                </ListItem>\n              )\n            })}\n          </List>\n        </Box>\n      }\n      confirmButtonProps={{ children: 'Save' }}\n      onConfirm={() =>\n        onSave(\n          workingOrder.filter(index => !removedColumnIndices.includes(index)),\n        )\n      }\n      onCancel={onCancel}\n    />\n  )\n}\n"],"mappings":"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"}

package/dist/components/DataGrid/useDataGridWebsocket.js

@@ -166,7 +166,7 @@ function d(d) {
 		f.websocketInstance?.disconnect(), h.current = null;
 	}, [f.websocketInstance]);
 	function O(e) {
-		if (!e || !e.api.getSnapshot() || !g) return !1;
+		if (!e?.api.getSnapshot() || !g) return !1;
 		let { columnNames: t, columnOrder: n, rows: r } = g, i = t.length >= 1, a = n.length >= 1, o = r.length >= 0;
 		return i && a && o;
 	}

package/dist/components/DataGrid/useDataGridWebsocket.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDataGridWebsocket.js","names":["GridModel","useCRDTModelView","normalizeWebsocketError","useCallback","useEffect","useMemo","useReducer","useRef","DataGridWebSocket","useEstablishWebsocketConnection","useDocumentVisibility","WebSocketState","model","hasCompletedInitialSync","isSyncing","isConnected","isConnecting","connectionParams","replicaId","sessionId","websocketInstance","connectionAttemptId","connectionError","websocketError","WebSocketAction","type","payload","attemptId","websocketReducer","state","action","isSameConnection","initialWebSocketState","UseDataGridWebSocketOptions","onGridReady","onReplicaConnected","onReplicaDisconnected","useDataGridWebSocket","options","dispatch","connectionAttemptCounter","activeConnectionAttemptIdRef","modelSnapshot","isDocumentVisible","mutateAsync","establishWebsocketConnection","isPending","isEstablishingWebsocketConnection","error","errorEstablishingWebsocketConnection","presignedUrl","reset","resetEstablishWebsocketConnection","clearPresignedUrl","handleModelCreate","newModel","websocketOptionsWithoutModel","onStatusChange","open","onModelCreate","onSyncStart","onSyncEnd","onError","connect","isDifferentConnection","current","websocketOptions","then","ws","disconnect","catch","err","console","previousConnectionParams","previous","isModelRenderable","api","getSnapshot","columnNames","columnOrder","rows","columnsReady","length","orderReady","rowsReady","hasSufficientData"],"sources":["../../../src/components/DataGrid/useDataGridWebsocket.ts"],"sourcesContent":["import { GridModel } from '@/components/DataGrid/DataGridTypes'\nimport { useCRDTModelView } from '@/components/DataGrid/useCRDTModelView'\nimport { normalizeWebsocketError } from '@/components/DataGrid/utils/normalizeWebsocketError'\nimport { useCallback, useEffect, useMemo, useReducer, useRef } from 'react'\nimport { DataGridWebSocket } from './DataGridWebSocket'\nimport { useEstablishWebsocketConnection } from '@/synapse-queries/grid/useEstablishWebsocketConnection'\nimport { useDocumentVisibility } from '@react-hookz/web'\n\n// State type\ninterface WebSocketState {\n  model: GridModel | null\n  /**\n   * True if the WebSocket has finished the initial sync and can process CRDT updates.\n   * Corresponds to the `GRID_READY` action.\n   */\n  hasCompletedInitialSync: boolean\n  /**\n   * True while a clock-sync exchange is in progress. Set on every outgoing\n   * `synchronize-clock` and cleared on `ResponseComplete`, which the server\n   * sends once per exchange to signal \"we're synchronized\" — not per request.\n   */\n  isSyncing: boolean\n  isConnected: boolean\n  isConnecting: boolean\n  connectionParams: {\n    replicaId: number\n    sessionId: string\n  } | null\n  websocketInstance: DataGridWebSocket | null\n  connectionAttemptId: number | null\n  connectionError: unknown\n  websocketError: unknown\n}\n\n// Action types\ntype WebSocketAction =\n  | {\n      type: 'CONNECT_REQUESTED'\n      payload: { replicaId: number; sessionId: string; attemptId: number }\n    }\n  | { type: 'CONNECTION_ESTABLISHED'; payload: DataGridWebSocket }\n  | { type: 'CONNECTION_OPENED' }\n  | { type: 'CONNECTION_CLOSED' }\n  | { type: 'GRID_READY' }\n  | { type: 'SYNC_STARTED' }\n  | { type: 'SYNC_ENDED' }\n  | { type: 'MODEL_CREATED'; payload: GridModel }\n  | { type: 'CONNECTION_ERROR'; payload: unknown }\n  | { type: 'WEBSOCKET_ERROR'; payload: unknown }\n\n// Reducer function\nfunction websocketReducer(\n  state: WebSocketState,\n  action: WebSocketAction,\n): WebSocketState {\n  switch (action.type) {\n    case 'CONNECT_REQUESTED': {\n      const isSameConnection =\n        state.connectionParams &&\n        state.connectionParams.replicaId === action.payload.replicaId &&\n        state.connectionParams.sessionId === action.payload.sessionId\n\n      return {\n        ...state,\n        connectionParams: {\n          replicaId: action.payload.replicaId,\n          sessionId: action.payload.sessionId,\n        },\n        hasCompletedInitialSync: isSameConnection\n          ? state.hasCompletedInitialSync\n          : false,\n        isSyncing: false,\n        model: isSameConnection ? state.model : null,\n        isConnected: false,\n        isConnecting: false,\n        connectionAttemptId: action.payload.attemptId,\n        connectionError: null,\n      }\n    }\n\n    case 'CONNECTION_ESTABLISHED':\n      return {\n        ...state,\n        websocketInstance: action.payload,\n        isConnecting: true,\n      }\n\n    case 'CONNECTION_OPENED':\n      return {\n        ...state,\n        isConnected: true,\n        isConnecting: false,\n      }\n\n    case 'CONNECTION_CLOSED':\n      return {\n        ...state,\n        isConnected: false,\n        isConnecting: false,\n        isSyncing: false,\n      }\n\n    case 'GRID_READY':\n      return {\n        ...state,\n        hasCompletedInitialSync: true,\n      }\n\n    case 'SYNC_STARTED':\n      return {\n        ...state,\n        isSyncing: true,\n      }\n\n    case 'SYNC_ENDED':\n      return {\n        ...state,\n        isSyncing: false,\n      }\n\n    case 'MODEL_CREATED':\n      return {\n        ...state,\n        model: action.payload,\n      }\n\n    case 'CONNECTION_ERROR':\n      return {\n        ...state,\n        connectionError: action.payload,\n        isConnecting: false,\n      }\n\n    case 'WEBSOCKET_ERROR':\n      return {\n        ...state,\n        websocketError: action.payload,\n      }\n\n    default:\n      return state\n  }\n}\n\nexport const initialWebSocketState: WebSocketState = {\n  model: null,\n  hasCompletedInitialSync: false,\n  isSyncing: false,\n  isConnected: false,\n  isConnecting: false,\n  connectionParams: null,\n  websocketInstance: null,\n  connectionAttemptId: null,\n  connectionError: null,\n  websocketError: null,\n}\n\n/**\n * Custom hook to manage a DataGrid WebSocket connection.\n * Handles:\n *   - Fetching presigned URLs via a mutation hook\n *   - Instantiating the DataGridWebSocket\n *   - Connection status tracking\n *   - Reconnection on disconnect\n *   - Grid model updates and snapshot tracking\n */\nexport interface UseDataGridWebSocketOptions {\n  onGridReady?: () => void\n  onReplicaConnected?: () => void\n  onReplicaDisconnected?: () => void\n}\n\nexport function useDataGridWebSocket(options?: UseDataGridWebSocketOptions) {\n  const [state, dispatch] = useReducer(websocketReducer, initialWebSocketState)\n\n  const connectionAttemptCounter = useRef(0)\n  const activeConnectionAttemptIdRef = useRef<number | null>(null)\n\n  const modelSnapshot = useCRDTModelView(state.model)\n\n  const isDocumentVisible = useDocumentVisibility()\n\n  const {\n    mutateAsync: establishWebsocketConnection,\n    isPending: isEstablishingWebsocketConnection,\n    error: errorEstablishingWebsocketConnection,\n    presignedUrl,\n    reset: resetEstablishWebsocketConnection,\n    clearPresignedUrl,\n  } = useEstablishWebsocketConnection()\n\n  // Update model creation handler - only set model, don't reset to null on disconnect\n  const handleModelCreate = useCallback(\n    (newModel: GridModel) => {\n      dispatch({ type: 'MODEL_CREATED', payload: newModel })\n    },\n    [dispatch],\n  )\n\n  // Memoize websocket options to prevent unnecessary re-renders (excluding model to avoid circular deps)\n  const websocketOptionsWithoutModel = useMemo(\n    () => ({\n      onGridReady: () => {\n        dispatch({ type: 'GRID_READY' })\n        options?.onGridReady?.()\n      },\n      onStatusChange: (open: boolean) =>\n        dispatch({ type: open ? 'CONNECTION_OPENED' : 'CONNECTION_CLOSED' }),\n      onModelCreate: handleModelCreate,\n      onReplicaConnected: options?.onReplicaConnected,\n      onReplicaDisconnected: options?.onReplicaDisconnected,\n      onSyncStart: () => dispatch({ type: 'SYNC_STARTED' }),\n      onSyncEnd: () => dispatch({ type: 'SYNC_ENDED' }),\n      onError: (error: unknown) =>\n        dispatch({\n          type: 'WEBSOCKET_ERROR',\n          payload: normalizeWebsocketError(error),\n        }),\n    }),\n    [\n      handleModelCreate,\n      options?.onGridReady,\n      options?.onReplicaConnected,\n      options?.onReplicaDisconnected,\n    ],\n  )\n\n  // Initiate (or re-initiate) a connection\n  const connect = useCallback(\n    (replicaId: number, sessionId: string) => {\n      resetEstablishWebsocketConnection()\n\n      const isDifferentConnection =\n        !state.connectionParams ||\n        state.connectionParams.replicaId !== replicaId ||\n        state.connectionParams.sessionId !== sessionId\n\n      if (isDifferentConnection) {\n        clearPresignedUrl()\n      }\n\n      connectionAttemptCounter.current += 1\n      const attemptId = connectionAttemptCounter.current\n\n      dispatch({\n        type: 'CONNECT_REQUESTED',\n        payload: { replicaId, sessionId, attemptId },\n      })\n    },\n    [\n      dispatch,\n      state.connectionParams,\n      resetEstablishWebsocketConnection,\n      clearPresignedUrl,\n      connectionAttemptCounter,\n    ],\n  )\n\n  /**\n   * Establish the WebSocket connection when conditions are met.\n   * Uses the current model state at connection time for reconnections to the same session.\n   * Note: Changes to `model` alone do NOT trigger reconnection - only changes to connection\n   * params, visibility, or connection status will trigger a new connection attempt.\n   */\n  useEffect(() => {\n    // Don't attempt connection if conditions aren't met\n    const { connectionParams, connectionAttemptId } = state\n\n    if (\n      !connectionParams ||\n      connectionAttemptId === null ||\n      state.isConnected ||\n      state.isConnecting ||\n      isEstablishingWebsocketConnection ||\n      errorEstablishingWebsocketConnection ||\n      state.connectionError ||\n      !isDocumentVisible\n    ) {\n      return\n    }\n\n    activeConnectionAttemptIdRef.current = connectionAttemptId\n\n    // Use current model state for reconnections to same session\n    // (model may have been created by a previous connection)\n    establishWebsocketConnection({\n      replicaId: connectionParams.replicaId,\n      sessionId: connectionParams.sessionId,\n      websocketOptions: {\n        ...websocketOptionsWithoutModel,\n        model: state.model, // Current model at connection time\n      },\n    })\n      .then(ws => {\n        if (activeConnectionAttemptIdRef.current !== connectionAttemptId) {\n          ws.disconnect()\n          return\n        }\n\n        dispatch({ type: 'CONNECTION_ESTABLISHED', payload: ws })\n      })\n      .catch(err => {\n        dispatch({ type: 'CONNECTION_ERROR', payload: err })\n        console.error('Failed to establish WebSocket', err)\n      })\n  }, [\n    state,\n    state.connectionParams,\n    state.connectionAttemptId,\n    state.isConnected,\n    state.isConnecting,\n    isEstablishingWebsocketConnection,\n    errorEstablishingWebsocketConnection,\n    isDocumentVisible,\n    establishWebsocketConnection,\n    websocketOptionsWithoutModel,\n  ])\n\n  const previousConnectionParams =\n    useRef<WebSocketState['connectionParams']>(null)\n\n  useEffect(() => {\n    const previous = previousConnectionParams.current\n    const current = state.connectionParams\n\n    if (\n      previous &&\n      current &&\n      (previous.replicaId !== current.replicaId ||\n        previous.sessionId !== current.sessionId)\n    ) {\n      state.websocketInstance?.disconnect()\n    }\n\n    previousConnectionParams.current = current\n  }, [state.connectionParams, state.websocketInstance])\n\n  useEffect(() => {\n    return () => {\n      state.websocketInstance?.disconnect()\n      activeConnectionAttemptIdRef.current = null\n    }\n  }, [state.websocketInstance])\n\n  /**\n   * Checks if the model snapshot contains the minimum data required for rendering (columns and rows).\n   */\n  function isModelRenderable(model: GridModel | null) {\n    if (!model || !model.api.getSnapshot() || !modelSnapshot) {\n      return false\n    }\n    const { columnNames, columnOrder, rows } = modelSnapshot\n    const columnsReady = columnNames.length >= 1\n    const orderReady = columnOrder.length >= 1\n    const rowsReady = rows.length >= 0\n    return columnsReady && orderReady && rowsReady\n  }\n\n  return {\n    isConnected: state.isConnected,\n    websocketInstance: state.websocketInstance,\n    hasCompletedInitialSync: state.hasCompletedInitialSync,\n    isSyncing: state.isSyncing,\n    model: state.model,\n    modelSnapshot,\n    connect,\n    presignedUrl,\n    errorEstablishingWebsocketConnection:\n      state.connectionError ?? errorEstablishingWebsocketConnection,\n    websocketError: state.websocketError,\n    hasSufficientData: isModelRenderable(state.model),\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useDataGridWebsocket.js","names":["GridModel","useCRDTModelView","normalizeWebsocketError","useCallback","useEffect","useMemo","useReducer","useRef","DataGridWebSocket","useEstablishWebsocketConnection","useDocumentVisibility","WebSocketState","model","hasCompletedInitialSync","isSyncing","isConnected","isConnecting","connectionParams","replicaId","sessionId","websocketInstance","connectionAttemptId","connectionError","websocketError","WebSocketAction","type","payload","attemptId","websocketReducer","state","action","isSameConnection","initialWebSocketState","UseDataGridWebSocketOptions","onGridReady","onReplicaConnected","onReplicaDisconnected","useDataGridWebSocket","options","dispatch","connectionAttemptCounter","activeConnectionAttemptIdRef","modelSnapshot","isDocumentVisible","mutateAsync","establishWebsocketConnection","isPending","isEstablishingWebsocketConnection","error","errorEstablishingWebsocketConnection","presignedUrl","reset","resetEstablishWebsocketConnection","clearPresignedUrl","handleModelCreate","newModel","websocketOptionsWithoutModel","onStatusChange","open","onModelCreate","onSyncStart","onSyncEnd","onError","connect","isDifferentConnection","current","websocketOptions","then","ws","disconnect","catch","err","console","previousConnectionParams","previous","isModelRenderable","api","getSnapshot","columnNames","columnOrder","rows","columnsReady","length","orderReady","rowsReady","hasSufficientData"],"sources":["../../../src/components/DataGrid/useDataGridWebsocket.ts"],"sourcesContent":["import { GridModel } from '@/components/DataGrid/DataGridTypes'\nimport { useCRDTModelView } from '@/components/DataGrid/useCRDTModelView'\nimport { normalizeWebsocketError } from '@/components/DataGrid/utils/normalizeWebsocketError'\nimport { useCallback, useEffect, useMemo, useReducer, useRef } from 'react'\nimport { DataGridWebSocket } from './DataGridWebSocket'\nimport { useEstablishWebsocketConnection } from '@/synapse-queries/grid/useEstablishWebsocketConnection'\nimport { useDocumentVisibility } from '@react-hookz/web'\n\n// State type\ninterface WebSocketState {\n  model: GridModel | null\n  /**\n   * True if the WebSocket has finished the initial sync and can process CRDT updates.\n   * Corresponds to the `GRID_READY` action.\n   */\n  hasCompletedInitialSync: boolean\n  /**\n   * True while a clock-sync exchange is in progress. Set on every outgoing\n   * `synchronize-clock` and cleared on `ResponseComplete`, which the server\n   * sends once per exchange to signal \"we're synchronized\" — not per request.\n   */\n  isSyncing: boolean\n  isConnected: boolean\n  isConnecting: boolean\n  connectionParams: {\n    replicaId: number\n    sessionId: string\n  } | null\n  websocketInstance: DataGridWebSocket | null\n  connectionAttemptId: number | null\n  connectionError: unknown\n  websocketError: unknown\n}\n\n// Action types\ntype WebSocketAction =\n  | {\n      type: 'CONNECT_REQUESTED'\n      payload: { replicaId: number; sessionId: string; attemptId: number }\n    }\n  | { type: 'CONNECTION_ESTABLISHED'; payload: DataGridWebSocket }\n  | { type: 'CONNECTION_OPENED' }\n  | { type: 'CONNECTION_CLOSED' }\n  | { type: 'GRID_READY' }\n  | { type: 'SYNC_STARTED' }\n  | { type: 'SYNC_ENDED' }\n  | { type: 'MODEL_CREATED'; payload: GridModel }\n  | { type: 'CONNECTION_ERROR'; payload: unknown }\n  | { type: 'WEBSOCKET_ERROR'; payload: unknown }\n\n// Reducer function\nfunction websocketReducer(\n  state: WebSocketState,\n  action: WebSocketAction,\n): WebSocketState {\n  switch (action.type) {\n    case 'CONNECT_REQUESTED': {\n      const isSameConnection =\n        state.connectionParams &&\n        state.connectionParams.replicaId === action.payload.replicaId &&\n        state.connectionParams.sessionId === action.payload.sessionId\n\n      return {\n        ...state,\n        connectionParams: {\n          replicaId: action.payload.replicaId,\n          sessionId: action.payload.sessionId,\n        },\n        hasCompletedInitialSync: isSameConnection\n          ? state.hasCompletedInitialSync\n          : false,\n        isSyncing: false,\n        model: isSameConnection ? state.model : null,\n        isConnected: false,\n        isConnecting: false,\n        connectionAttemptId: action.payload.attemptId,\n        connectionError: null,\n      }\n    }\n\n    case 'CONNECTION_ESTABLISHED':\n      return {\n        ...state,\n        websocketInstance: action.payload,\n        isConnecting: true,\n      }\n\n    case 'CONNECTION_OPENED':\n      return {\n        ...state,\n        isConnected: true,\n        isConnecting: false,\n      }\n\n    case 'CONNECTION_CLOSED':\n      return {\n        ...state,\n        isConnected: false,\n        isConnecting: false,\n        isSyncing: false,\n      }\n\n    case 'GRID_READY':\n      return {\n        ...state,\n        hasCompletedInitialSync: true,\n      }\n\n    case 'SYNC_STARTED':\n      return {\n        ...state,\n        isSyncing: true,\n      }\n\n    case 'SYNC_ENDED':\n      return {\n        ...state,\n        isSyncing: false,\n      }\n\n    case 'MODEL_CREATED':\n      return {\n        ...state,\n        model: action.payload,\n      }\n\n    case 'CONNECTION_ERROR':\n      return {\n        ...state,\n        connectionError: action.payload,\n        isConnecting: false,\n      }\n\n    case 'WEBSOCKET_ERROR':\n      return {\n        ...state,\n        websocketError: action.payload,\n      }\n\n    default:\n      return state\n  }\n}\n\nexport const initialWebSocketState: WebSocketState = {\n  model: null,\n  hasCompletedInitialSync: false,\n  isSyncing: false,\n  isConnected: false,\n  isConnecting: false,\n  connectionParams: null,\n  websocketInstance: null,\n  connectionAttemptId: null,\n  connectionError: null,\n  websocketError: null,\n}\n\n/**\n * Custom hook to manage a DataGrid WebSocket connection.\n * Handles:\n *   - Fetching presigned URLs via a mutation hook\n *   - Instantiating the DataGridWebSocket\n *   - Connection status tracking\n *   - Reconnection on disconnect\n *   - Grid model updates and snapshot tracking\n */\nexport interface UseDataGridWebSocketOptions {\n  onGridReady?: () => void\n  onReplicaConnected?: () => void\n  onReplicaDisconnected?: () => void\n}\n\nexport function useDataGridWebSocket(options?: UseDataGridWebSocketOptions) {\n  const [state, dispatch] = useReducer(websocketReducer, initialWebSocketState)\n\n  const connectionAttemptCounter = useRef(0)\n  const activeConnectionAttemptIdRef = useRef<number | null>(null)\n\n  const modelSnapshot = useCRDTModelView(state.model)\n\n  const isDocumentVisible = useDocumentVisibility()\n\n  const {\n    mutateAsync: establishWebsocketConnection,\n    isPending: isEstablishingWebsocketConnection,\n    error: errorEstablishingWebsocketConnection,\n    presignedUrl,\n    reset: resetEstablishWebsocketConnection,\n    clearPresignedUrl,\n  } = useEstablishWebsocketConnection()\n\n  // Update model creation handler - only set model, don't reset to null on disconnect\n  const handleModelCreate = useCallback(\n    (newModel: GridModel) => {\n      dispatch({ type: 'MODEL_CREATED', payload: newModel })\n    },\n    [dispatch],\n  )\n\n  // Memoize websocket options to prevent unnecessary re-renders (excluding model to avoid circular deps)\n  const websocketOptionsWithoutModel = useMemo(\n    () => ({\n      onGridReady: () => {\n        dispatch({ type: 'GRID_READY' })\n        options?.onGridReady?.()\n      },\n      onStatusChange: (open: boolean) =>\n        dispatch({ type: open ? 'CONNECTION_OPENED' : 'CONNECTION_CLOSED' }),\n      onModelCreate: handleModelCreate,\n      onReplicaConnected: options?.onReplicaConnected,\n      onReplicaDisconnected: options?.onReplicaDisconnected,\n      onSyncStart: () => dispatch({ type: 'SYNC_STARTED' }),\n      onSyncEnd: () => dispatch({ type: 'SYNC_ENDED' }),\n      onError: (error: unknown) =>\n        dispatch({\n          type: 'WEBSOCKET_ERROR',\n          payload: normalizeWebsocketError(error),\n        }),\n    }),\n    [\n      handleModelCreate,\n      options?.onGridReady,\n      options?.onReplicaConnected,\n      options?.onReplicaDisconnected,\n    ],\n  )\n\n  // Initiate (or re-initiate) a connection\n  const connect = useCallback(\n    (replicaId: number, sessionId: string) => {\n      resetEstablishWebsocketConnection()\n\n      const isDifferentConnection =\n        !state.connectionParams ||\n        state.connectionParams.replicaId !== replicaId ||\n        state.connectionParams.sessionId !== sessionId\n\n      if (isDifferentConnection) {\n        clearPresignedUrl()\n      }\n\n      connectionAttemptCounter.current += 1\n      const attemptId = connectionAttemptCounter.current\n\n      dispatch({\n        type: 'CONNECT_REQUESTED',\n        payload: { replicaId, sessionId, attemptId },\n      })\n    },\n    [\n      dispatch,\n      state.connectionParams,\n      resetEstablishWebsocketConnection,\n      clearPresignedUrl,\n      connectionAttemptCounter,\n    ],\n  )\n\n  /**\n   * Establish the WebSocket connection when conditions are met.\n   * Uses the current model state at connection time for reconnections to the same session.\n   * Note: Changes to `model` alone do NOT trigger reconnection - only changes to connection\n   * params, visibility, or connection status will trigger a new connection attempt.\n   */\n  useEffect(() => {\n    // Don't attempt connection if conditions aren't met\n    const { connectionParams, connectionAttemptId } = state\n\n    if (\n      !connectionParams ||\n      connectionAttemptId === null ||\n      state.isConnected ||\n      state.isConnecting ||\n      isEstablishingWebsocketConnection ||\n      errorEstablishingWebsocketConnection ||\n      state.connectionError ||\n      !isDocumentVisible\n    ) {\n      return\n    }\n\n    activeConnectionAttemptIdRef.current = connectionAttemptId\n\n    // Use current model state for reconnections to same session\n    // (model may have been created by a previous connection)\n    establishWebsocketConnection({\n      replicaId: connectionParams.replicaId,\n      sessionId: connectionParams.sessionId,\n      websocketOptions: {\n        ...websocketOptionsWithoutModel,\n        model: state.model, // Current model at connection time\n      },\n    })\n      .then(ws => {\n        if (activeConnectionAttemptIdRef.current !== connectionAttemptId) {\n          ws.disconnect()\n          return\n        }\n\n        dispatch({ type: 'CONNECTION_ESTABLISHED', payload: ws })\n      })\n      .catch(err => {\n        dispatch({ type: 'CONNECTION_ERROR', payload: err })\n        console.error('Failed to establish WebSocket', err)\n      })\n  }, [\n    state,\n    state.connectionParams,\n    state.connectionAttemptId,\n    state.isConnected,\n    state.isConnecting,\n    isEstablishingWebsocketConnection,\n    errorEstablishingWebsocketConnection,\n    isDocumentVisible,\n    establishWebsocketConnection,\n    websocketOptionsWithoutModel,\n  ])\n\n  const previousConnectionParams =\n    useRef<WebSocketState['connectionParams']>(null)\n\n  useEffect(() => {\n    const previous = previousConnectionParams.current\n    const current = state.connectionParams\n\n    if (\n      previous &&\n      current &&\n      (previous.replicaId !== current.replicaId ||\n        previous.sessionId !== current.sessionId)\n    ) {\n      state.websocketInstance?.disconnect()\n    }\n\n    previousConnectionParams.current = current\n  }, [state.connectionParams, state.websocketInstance])\n\n  useEffect(() => {\n    return () => {\n      state.websocketInstance?.disconnect()\n      activeConnectionAttemptIdRef.current = null\n    }\n  }, [state.websocketInstance])\n\n  /**\n   * Checks if the model snapshot contains the minimum data required for rendering (columns and rows).\n   */\n  function isModelRenderable(model: GridModel | null) {\n    if (!model?.api.getSnapshot() || !modelSnapshot) {\n      return false\n    }\n    const { columnNames, columnOrder, rows } = modelSnapshot\n    const columnsReady = columnNames.length >= 1\n    const orderReady = columnOrder.length >= 1\n    const rowsReady = rows.length >= 0\n    return columnsReady && orderReady && rowsReady\n  }\n\n  return {\n    isConnected: state.isConnected,\n    websocketInstance: state.websocketInstance,\n    hasCompletedInitialSync: state.hasCompletedInitialSync,\n    isSyncing: state.isSyncing,\n    model: state.model,\n    modelSnapshot,\n    connect,\n    presignedUrl,\n    errorEstablishingWebsocketConnection:\n      state.connectionError ?? errorEstablishingWebsocketConnection,\n    websocketError: state.websocketError,\n    hasSufficientData: isModelRenderable(state.model),\n  }\n}\n"],"mappings":"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"}

package/dist/components/DataGrid/utils/columnFactory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"columnFactory.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGrid/utils/columnFactory.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAA;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAA;AAC7E,OAAO,EAGL,MAAM,EAIP,MAAM,wCAAwC,CAAA;AAuE/C,KAAK,YAAY,GAAG;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,YAAY,GAAG,IAAI,CAAA;IAC7B,gBAAgB,EAAE,eAAe,EAAE,GAAG,MAAM,EAAE,GAAG,IAAI,CAAA;IACrD,UAAU,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;CACxC,CAAA;AAoLD,wBAAgB,YAAY,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAGzD"}
+{"version":3,"file":"columnFactory.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGrid/utils/columnFactory.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAA;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAA;AAC7E,OAAO,EAGL,MAAM,EAGP,MAAM,wCAAwC,CAAA;AAwE/C,KAAK,YAAY,GAAG;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,YAAY,GAAG,IAAI,CAAA;IAC7B,gBAAgB,EAAE,eAAe,EAAE,GAAG,MAAM,EAAE,GAAG,IAAI,CAAA;IACrD,UAAU,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;CACxC,CAAA;AA0LD,wBAAgB,YAAY,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAGzD"}

package/dist/components/DataGrid/utils/columnFactory.js

@@ -1,25 +1,26 @@
-import { dateTimeColumn as e } from "../columns/DateTimeColumn.js";
-import { autocompleteColumn as t } from "../columns/AutocompleteColumn.js";
+import { autocompleteColumn as e } from "../columns/AutocompleteColumn.js";
+import { dateTimeColumn as t } from "../columns/DateTimeColumn.js";
 import { autocompleteMultipleEnumColumn as n } from "../columns/AutocompleteMultipleEnumColumn.js";
-import { calculateDefaultColumnWidth as r } from "./calculateColumnWidth.js";
-import { ColumnHeaderWithTooltip as i } from "../components/ColumnHeaderWithTooltip.js";
-import { getEmptyValue as a } from "./getEmptyValue.js";
-import { wrapPasteValueWithSchemaCoercion as o } from "./schemaAwarePasteValue.js";
-import { Tooltip as s } from "@mui/material";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-import { SmartToyTwoTone as d } from "@mui/icons-material";
-import { c as f } from "react/compiler-runtime";
-import { createTextColumn as p, floatColumn as m, keyColumn as h } from "@sage-bionetworks/react-datasheet-grid";
+import { getEmptyValue as r } from "./getEmptyValue.js";
+import { numberColumn as i } from "../columns/NumberColumn.js";
+import { calculateDefaultColumnWidth as a } from "./calculateColumnWidth.js";
+import { ColumnHeaderWithTooltip as o } from "../components/ColumnHeaderWithTooltip.js";
+import { wrapPasteValueWithSchemaCoercion as s } from "./schemaAwarePasteValue.js";
+import { Tooltip as c } from "@mui/material";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { SmartToyTwoTone as f } from "@mui/icons-material";
+import { c as p } from "react/compiler-runtime";
+import { createTextColumn as m, keyColumn as h } from "@sage-bionetworks/react-datasheet-grid";
 //#region src/components/DataGrid/utils/columnFactory.tsx
 function g(e, t) {
 	function n(n) {
-		let r = f(13), i = n.rowData.__cellChangeInfo?.[t], a = i?.category === "own-agent" || i?.category === "other-agent", o;
-		r[0] === n ? o = r[1] : (o = /* @__PURE__ */ l(e, { ...n }), r[0] = n, r[1] = o);
-		let p;
-		r[2] !== i || r[3] !== a ? (p = i && !a && /* @__PURE__ */ l(s, {
+		let r = p(13), i = n.rowData.__cellChangeInfo?.[t], a = i?.category === "own-agent" || i?.category === "other-agent", o;
+		r[0] === n ? o = r[1] : (o = /* @__PURE__ */ u(e, { ...n }), r[0] = n, r[1] = o);
+		let s;
+		r[2] !== i || r[3] !== a ? (s = i && !a && /* @__PURE__ */ u(c, {
 			title: i.tooltipText,
 			placement: "top-end",
-			children: /* @__PURE__ */ l("div", { style: {
+			children: /* @__PURE__ */ u("div", { style: {
 				position: "absolute",
 				top: 0,
 				right: 0,
@@ -28,12 +29,12 @@ function g(e, t) {
 				zIndex: 21,
 				pointerEvents: "auto"
 			} })
-		}), r[2] = i, r[3] = a, r[4] = p) : p = r[4];
+		}), r[2] = i, r[3] = a, r[4] = s) : s = r[4];
 		let m;
-		r[5] !== i || r[6] !== a || r[7] !== n.focus ? (m = a && !n.focus && /* @__PURE__ */ l(s, {
+		r[5] !== i || r[6] !== a || r[7] !== n.focus ? (m = a && !n.focus && /* @__PURE__ */ u(c, {
 			title: i.tooltipText,
 			placement: "left",
-			children: /* @__PURE__ */ l(d, { sx: {
+			children: /* @__PURE__ */ u(f, { sx: {
 				fontSize: "1em",
 				alignSelf: "center",
 				flexShrink: 0,
@@ -45,35 +46,35 @@ function g(e, t) {
 			} })
 		}), r[5] = i, r[6] = a, r[7] = n.focus, r[8] = m) : m = r[8];
 		let h;
-		return r[9] !== o || r[10] !== p || r[11] !== m ? (h = /* @__PURE__ */ u(c, { children: [
+		return r[9] !== o || r[10] !== s || r[11] !== m ? (h = /* @__PURE__ */ d(l, { children: [
 			o,
-			p,
+			s,
 			m
-		] }), r[9] = o, r[10] = p, r[11] = m, r[12] = h) : h = r[12], h;
+		] }), r[9] = o, r[10] = s, r[11] = m, r[12] = h) : h = r[12], h;
 	}
 	return n.displayName = `CellWithTooltip(${t})`, n;
 }
 function _(e, t) {
 	return ({ rowData: n }) => ({
 		...n,
-		[e]: a(t)
+		[e]: r(t)
 	});
 }
 function v(e) {
 	return (t) => {
 		let n = t.trim();
-		return n === "" ? a(e) : n;
+		return n === "" ? r(e) : n;
 	};
 }
 function y(e, t) {
 	let n = {
 		showPinIcon: e.showPinIcon,
 		hasDescription: !!e.description
-	}, a = e.customWidth ?? r(e.columnName, void 0, n), s = h(e.columnName, t);
+	}, r = e.customWidth ?? a(e.columnName, void 0, n), i = h(e.columnName, t);
 	return {
-		...s,
-		component: g(s.component, e.columnName),
-		title: /* @__PURE__ */ l(i, {
+		...i,
+		component: g(i.component, e.columnName),
+		title: /* @__PURE__ */ u(o, {
 			name: e.columnName,
 			description: e.description,
 			isRequired: e.isRequired,
@@ -82,13 +83,13 @@ function y(e, t) {
 			isPinned: e.isPinned,
 			onTogglePin: e.onTogglePin
 		}),
-		minWidth: a,
-		basis: a,
+		minWidth: r,
+		basis: r,
 		grow: 0,
 		shrink: 0,
 		disabled: e.disabled,
 		deleteValue: _(e.columnName, e.isRequired),
-		pasteValue: o(s.pasteValue, e.columnName, e.schemaPropertyInfo),
+		pasteValue: s(i.pasteValue, e.columnName, e.schemaPropertyInfo),
 		stickyLeft: e.isPinned
 	};
 }
@@ -97,36 +98,39 @@ var b = {
 		choices: e.enumeratedValues ?? [],
 		colType: e.typeInfo?.type || null,
 		limitTags: 3,
-		clearValue: a(e.isRequired)
+		clearValue: r(e.isRequired)
 	})),
-	boolean: (e) => y(e, t({
+	boolean: (t) => y(t, e({
 		choices: [!0, !1],
 		colType: "boolean",
-		clearValue: a(e.isRequired)
+		clearValue: r(t.isRequired)
 	})),
-	number: (e) => y(e, m),
-	enumerated: (e) => y(e, t({
-		choices: e.enumeratedValues ?? [],
-		colType: e.typeInfo?.type || null,
-		clearValue: a(e.isRequired)
+	number: (e) => y(e, i({
+		colType: e.typeInfo?.type,
+		isRequired: e.isRequired
+	})),
+	enumerated: (t) => y(t, e({
+		choices: t.enumeratedValues ?? [],
+		colType: t.typeInfo?.type || null,
+		clearValue: r(t.isRequired)
 	})),
-	"date-time": (t) => {
-		let n = e({ colType: t.typeInfo?.type || null }), i = {
-			showPinIcon: t.showPinIcon,
-			hasDescription: !!t.description
-		}, a = t.customWidth ?? r(t.columnName, {
-			type: t.typeInfo ?? void 0,
-			isRequired: t.isRequired,
+	"date-time": (e) => {
+		let n = t({ colType: e.typeInfo?.type || null }), r = {
+			showPinIcon: e.showPinIcon,
+			hasDescription: !!e.description
+		}, i = e.customWidth ?? a(e.columnName, {
+			type: e.typeInfo ?? void 0,
+			isRequired: e.isRequired,
 			enumeratedValues: null
-		}, i);
+		}, r);
 		return {
-			...y(t, n),
-			minWidth: a,
-			basis: a
+			...y(e, n),
+			minWidth: i,
+			basis: i
 		};
 	},
 	text: (e) => ({
-		...y(e, p({
+		...y(e, m({
 			continuousUpdates: !1,
 			deletedValue: void 0,
 			parseUserInput: v(e.isRequired)

package/dist/components/DataGrid/utils/columnFactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"columnFactory.js","names":["dateTimeColumn","EnumeratedValue","FlatTypeInfo","SchemaPropertyInfo","CellComponent","CellProps","Column","createTextColumn","floatColumn","keyColumn","autocompleteColumn","autocompleteMultipleEnumColumn","calculateDefaultColumnWidth","HeaderOptions","ColumnHeaderWithTooltip","Tooltip","SmartToyTwoTone","DataGridRow","wrapPasteValueWithSchemaCoercion","getEmptyValue","withChangeIndicatorTooltip","OriginalComponent","T","C","colName","CellWithTooltip","props","$","_c","changeInfo","rowData","__cellChangeInfo","isAgent","category","t0","t1","tooltipText","position","top","right","width","height","zIndex","pointerEvents","t2","focus","fontSize","alignSelf","flexShrink","mr","color","backgroundColor","t3","displayName","ColumnConfig","columnName","description","disabled","typeInfo","enumeratedValues","isRequired","customWidth","showPinIcon","isPinned","onTogglePin","isUpsertKey","schemaPropertyInfo","createDeleteValue","Record","createParseUserInput","value","trimmedValue","trim","createBaseColumn","config","columnImpl","headerOptions","hasDescription","undefined","keyed","component","title","minWidth","basis","grow","shrink","deleteValue","pasteValue","stickyLeft","COLUMN_FACTORIES","multipleEnum","choices","colType","type","limitTags","clearValue","boolean","number","enumerated","date-time","text","continuousUpdates","deletedValue","parseUserInput","cellClassName","getColumnType","length","format","isArray","createColumn","columnType"],"sources":["../../../../src/components/DataGrid/utils/columnFactory.tsx"],"sourcesContent":["import { dateTimeColumn } from '@/components/DataGrid/columns/DateTimeColumn'\nimport { EnumeratedValue } from '@/utils/jsonschema/getEnumeratedValues'\nimport { FlatTypeInfo } from '@/utils/jsonschema/getType'\nimport { SchemaPropertyInfo } from '@/utils/jsonschema/getSchemaPropertyInfo'\nimport {\n  CellComponent,\n  CellProps,\n  Column,\n  createTextColumn,\n  floatColumn,\n  keyColumn,\n} from '@sage-bionetworks/react-datasheet-grid'\nimport { autocompleteColumn } from '../columns/AutocompleteColumn'\nimport { autocompleteMultipleEnumColumn } from '../columns/AutocompleteMultipleEnumColumn'\nimport {\n  calculateDefaultColumnWidth,\n  HeaderOptions,\n} from './calculateColumnWidth'\nimport { ColumnHeaderWithTooltip } from '../components/ColumnHeaderWithTooltip'\nimport { Tooltip } from '@mui/material'\nimport { SmartToyTwoTone } from '@mui/icons-material'\nimport type { DataGridRow } from '../DataGridTypes'\nimport { wrapPasteValueWithSchemaCoercion } from './schemaAwarePasteValue'\nimport { getEmptyValue } from './getEmptyValue'\n\n/**\n * Wraps a column cell component to overlay change-attribution indicators:\n * - Non-agent changes: invisible 7×7px tooltip trigger over the CSS triangle (top-right).\n * - Agent changes: robot icon (1em, vertically centered on the right) with no triangle.\n */\nfunction withChangeIndicatorTooltip<T, C>(\n  OriginalComponent: CellComponent<T, C>,\n  colName: string,\n): CellComponent<T, C> {\n  function CellWithTooltip(props: CellProps<T, C>) {\n    const changeInfo = (props.rowData as DataGridRow).__cellChangeInfo?.[\n      colName\n    ]\n    const isAgent =\n      changeInfo?.category === 'own-agent' ||\n      changeInfo?.category === 'other-agent'\n    return (\n      <>\n        <OriginalComponent {...props} />\n        {changeInfo && !isAgent && (\n          <Tooltip title={changeInfo.tooltipText} placement=\"top-end\">\n            <div\n              style={{\n                position: 'absolute',\n                top: 0,\n                right: 0,\n                width: 7,\n                height: 7,\n                zIndex: 21,\n                pointerEvents: 'auto',\n              }}\n            />\n          </Tooltip>\n        )}\n        {isAgent && !props.focus && (\n          <Tooltip title={changeInfo.tooltipText} placement=\"left\">\n            <SmartToyTwoTone\n              sx={{\n                fontSize: '1em',\n                alignSelf: 'center',\n                flexShrink: 0,\n                mr: 0.5,\n                zIndex: 21,\n                pointerEvents: 'auto',\n                color: 'grey.400',\n                backgroundColor: 'transparent',\n              }}\n            />\n          </Tooltip>\n        )}\n      </>\n    )\n  }\n  CellWithTooltip.displayName = `CellWithTooltip(${colName})`\n  return CellWithTooltip\n}\n\ntype ColumnConfig = {\n  columnName: string\n  description?: string\n  disabled?: boolean\n  typeInfo: FlatTypeInfo | null\n  enumeratedValues: EnumeratedValue[] | string[] | null\n  isRequired: boolean\n  customWidth?: number\n  showPinIcon?: boolean\n  isPinned?: boolean\n  onTogglePin?: () => void\n  isUpsertKey?: boolean\n  /**\n   * Optional column-level schema info. When provided, paste behavior coerces\n   * empty pasted cells to the schema-correct blank (undefined for optional\n   * columns, null for required columns). Omit to preserve the column impl's\n   * default paste behavior.\n   */\n  schemaPropertyInfo?: SchemaPropertyInfo\n}\n\nfunction createDeleteValue(columnName: string, isRequired?: boolean) {\n  return ({ rowData }: { rowData: Record<string, unknown> }) => ({\n    ...rowData,\n    [columnName]: getEmptyValue(isRequired),\n  })\n}\n\nfunction createParseUserInput(isRequired?: boolean) {\n  return (value: string) => {\n    const trimmedValue = value.trim()\n    if (trimmedValue === '') {\n      return getEmptyValue(isRequired)\n    }\n    return trimmedValue\n  }\n}\n\nfunction createBaseColumn(config: ColumnConfig, columnImpl: any) {\n  const headerOptions: HeaderOptions = {\n    showPinIcon: config.showPinIcon,\n    hasDescription: !!config.description,\n  }\n\n  const width =\n    config.customWidth ??\n    calculateDefaultColumnWidth(\n      config.columnName,\n      undefined, // propertyInfo is not available here, passed from higher level\n      headerOptions,\n    )\n\n  const keyed = keyColumn(config.columnName, columnImpl)\n  return {\n    ...keyed,\n    component: withChangeIndicatorTooltip(keyed.component!, config.columnName),\n    title: (\n      <ColumnHeaderWithTooltip\n        name={config.columnName}\n        description={config.description}\n        isRequired={config.isRequired}\n        isUpsertKey={config.isUpsertKey}\n        showPinIcon={config.showPinIcon}\n        isPinned={config.isPinned}\n        onTogglePin={config.onTogglePin}\n      />\n    ),\n    minWidth: width,\n    basis: width,\n    grow: 0,\n    shrink: 0,\n    disabled: config.disabled,\n    deleteValue: createDeleteValue(config.columnName, config.isRequired),\n    pasteValue: wrapPasteValueWithSchemaCoercion(\n      keyed.pasteValue,\n      config.columnName,\n      config.schemaPropertyInfo,\n    ),\n    stickyLeft: config.isPinned,\n  }\n}\n\nconst COLUMN_FACTORIES = {\n  multipleEnum: (config: ColumnConfig) => {\n    return createBaseColumn(\n      config,\n      autocompleteMultipleEnumColumn({\n        choices: config.enumeratedValues ?? [],\n        colType: config.typeInfo?.type || null,\n        limitTags: 3,\n        clearValue: getEmptyValue(config.isRequired),\n      }),\n    )\n  },\n\n  boolean: (config: ColumnConfig) => {\n    return createBaseColumn(\n      config,\n      autocompleteColumn({\n        choices: [true, false],\n        colType: 'boolean',\n        clearValue: getEmptyValue(config.isRequired),\n      }),\n    )\n  },\n\n  number: (config: ColumnConfig) => {\n    return createBaseColumn(config, floatColumn)\n  },\n\n  enumerated: (config: ColumnConfig) => {\n    return createBaseColumn(\n      config,\n      autocompleteColumn({\n        choices: config.enumeratedValues ?? [],\n        colType: config.typeInfo?.type || null,\n        clearValue: getEmptyValue(config.isRequired),\n      }),\n    )\n  },\n\n  'date-time': (config: ColumnConfig) => {\n    const columnImpl = dateTimeColumn({\n      colType: config.typeInfo?.type || null,\n    })\n\n    // Date-time needs special width calculation\n    const headerOptions: HeaderOptions = {\n      showPinIcon: config.showPinIcon,\n      hasDescription: !!config.description,\n    }\n\n    const width =\n      config.customWidth ??\n      calculateDefaultColumnWidth(\n        config.columnName,\n        {\n          type: config.typeInfo ?? undefined,\n          isRequired: config.isRequired,\n          enumeratedValues: null,\n        },\n        headerOptions,\n      )\n\n    return {\n      ...createBaseColumn(config, columnImpl),\n      minWidth: width,\n      basis: width,\n    }\n  },\n\n  text: (config: ColumnConfig) => {\n    const columnImpl = createTextColumn({\n      continuousUpdates: false,\n      deletedValue: undefined,\n      parseUserInput: createParseUserInput(config.isRequired),\n    })\n\n    return {\n      ...createBaseColumn(config, columnImpl),\n      cellClassName: 'MuiInputBase-input',\n    }\n  },\n}\n\nfunction getColumnType(\n  typeInfo: FlatTypeInfo | null,\n  enumeratedValues?: EnumeratedValue[] | string[] | null,\n): keyof typeof COLUMN_FACTORIES {\n  if (!typeInfo) {\n    return enumeratedValues && enumeratedValues.length > 0\n      ? 'enumerated'\n      : 'text'\n  }\n\n  if (typeInfo.format === 'date-time') {\n    return 'date-time'\n  }\n\n  // Handle arrays - check if it's an array of enums\n  if (typeInfo.isArray) {\n    return 'multipleEnum'\n  }\n\n  if (typeInfo.type === 'boolean') {\n    return 'boolean'\n  }\n\n  if (typeInfo.type === 'number' || typeInfo.type === 'integer') {\n    return 'number'\n  }\n\n  if (enumeratedValues && enumeratedValues.length > 0) {\n    return 'enumerated'\n  }\n\n  return 'text'\n}\n\nexport function createColumn(config: ColumnConfig): Column {\n  const columnType = getColumnType(config.typeInfo, config.enumeratedValues)\n  return COLUMN_FACTORIES[columnType](config)\n}\n"],"mappings":"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"}
+{"version":3,"file":"columnFactory.js","names":["dateTimeColumn","EnumeratedValue","FlatTypeInfo","SchemaPropertyInfo","CellComponent","CellProps","Column","createTextColumn","keyColumn","autocompleteColumn","autocompleteMultipleEnumColumn","numberColumn","calculateDefaultColumnWidth","HeaderOptions","ColumnHeaderWithTooltip","Tooltip","SmartToyTwoTone","DataGridRow","wrapPasteValueWithSchemaCoercion","getEmptyValue","withChangeIndicatorTooltip","OriginalComponent","T","C","colName","CellWithTooltip","props","$","_c","changeInfo","rowData","__cellChangeInfo","isAgent","category","t0","t1","tooltipText","position","top","right","width","height","zIndex","pointerEvents","t2","focus","fontSize","alignSelf","flexShrink","mr","color","backgroundColor","t3","displayName","ColumnConfig","columnName","description","disabled","typeInfo","enumeratedValues","isRequired","customWidth","showPinIcon","isPinned","onTogglePin","isUpsertKey","schemaPropertyInfo","createDeleteValue","Record","createParseUserInput","value","trimmedValue","trim","createBaseColumn","config","columnImpl","headerOptions","hasDescription","undefined","keyed","component","title","minWidth","basis","grow","shrink","deleteValue","pasteValue","stickyLeft","COLUMN_FACTORIES","multipleEnum","choices","colType","type","limitTags","clearValue","boolean","number","enumerated","date-time","text","continuousUpdates","deletedValue","parseUserInput","cellClassName","getColumnType","length","format","isArray","createColumn","columnType"],"sources":["../../../../src/components/DataGrid/utils/columnFactory.tsx"],"sourcesContent":["import { dateTimeColumn } from '@/components/DataGrid/columns/DateTimeColumn'\nimport { EnumeratedValue } from '@/utils/jsonschema/getEnumeratedValues'\nimport { FlatTypeInfo } from '@/utils/jsonschema/getType'\nimport { SchemaPropertyInfo } from '@/utils/jsonschema/getSchemaPropertyInfo'\nimport {\n  CellComponent,\n  CellProps,\n  Column,\n  createTextColumn,\n  keyColumn,\n} from '@sage-bionetworks/react-datasheet-grid'\nimport { autocompleteColumn } from '../columns/AutocompleteColumn'\nimport { autocompleteMultipleEnumColumn } from '../columns/AutocompleteMultipleEnumColumn'\nimport { numberColumn } from '../columns/NumberColumn'\nimport {\n  calculateDefaultColumnWidth,\n  HeaderOptions,\n} from './calculateColumnWidth'\nimport { ColumnHeaderWithTooltip } from '../components/ColumnHeaderWithTooltip'\nimport { Tooltip } from '@mui/material'\nimport { SmartToyTwoTone } from '@mui/icons-material'\nimport type { DataGridRow } from '../DataGridTypes'\nimport { wrapPasteValueWithSchemaCoercion } from './schemaAwarePasteValue'\nimport { getEmptyValue } from './getEmptyValue'\n\n/**\n * Wraps a column cell component to overlay change-attribution indicators:\n * - Non-agent changes: invisible 7×7px tooltip trigger over the CSS triangle (top-right).\n * - Agent changes: robot icon (1em, vertically centered on the right) with no triangle.\n */\nfunction withChangeIndicatorTooltip<T, C>(\n  OriginalComponent: CellComponent<T, C>,\n  colName: string,\n): CellComponent<T, C> {\n  function CellWithTooltip(props: CellProps<T, C>) {\n    const changeInfo = (props.rowData as DataGridRow).__cellChangeInfo?.[\n      colName\n    ]\n    const isAgent =\n      changeInfo?.category === 'own-agent' ||\n      changeInfo?.category === 'other-agent'\n    return (\n      <>\n        <OriginalComponent {...props} />\n        {changeInfo && !isAgent && (\n          <Tooltip title={changeInfo.tooltipText} placement=\"top-end\">\n            <div\n              style={{\n                position: 'absolute',\n                top: 0,\n                right: 0,\n                width: 7,\n                height: 7,\n                zIndex: 21,\n                pointerEvents: 'auto',\n              }}\n            />\n          </Tooltip>\n        )}\n        {isAgent && !props.focus && (\n          <Tooltip title={changeInfo.tooltipText} placement=\"left\">\n            <SmartToyTwoTone\n              sx={{\n                fontSize: '1em',\n                alignSelf: 'center',\n                flexShrink: 0,\n                mr: 0.5,\n                zIndex: 21,\n                pointerEvents: 'auto',\n                color: 'grey.400',\n                backgroundColor: 'transparent',\n              }}\n            />\n          </Tooltip>\n        )}\n      </>\n    )\n  }\n  CellWithTooltip.displayName = `CellWithTooltip(${colName})`\n  return CellWithTooltip\n}\n\ntype ColumnConfig = {\n  columnName: string\n  description?: string\n  disabled?: boolean\n  typeInfo: FlatTypeInfo | null\n  enumeratedValues: EnumeratedValue[] | string[] | null\n  isRequired: boolean\n  customWidth?: number\n  showPinIcon?: boolean\n  isPinned?: boolean\n  onTogglePin?: () => void\n  isUpsertKey?: boolean\n  /**\n   * Optional column-level schema info. When provided, paste behavior coerces\n   * empty pasted cells to the schema-correct blank (undefined for optional\n   * columns, null for required columns). Omit to preserve the column impl's\n   * default paste behavior.\n   */\n  schemaPropertyInfo?: SchemaPropertyInfo\n}\n\nfunction createDeleteValue(columnName: string, isRequired?: boolean) {\n  return ({ rowData }: { rowData: Record<string, unknown> }) => ({\n    ...rowData,\n    [columnName]: getEmptyValue(isRequired),\n  })\n}\n\nfunction createParseUserInput(isRequired?: boolean) {\n  return (value: string) => {\n    const trimmedValue = value.trim()\n    if (trimmedValue === '') {\n      return getEmptyValue(isRequired)\n    }\n    return trimmedValue\n  }\n}\n\nfunction createBaseColumn(config: ColumnConfig, columnImpl: any) {\n  const headerOptions: HeaderOptions = {\n    showPinIcon: config.showPinIcon,\n    hasDescription: !!config.description,\n  }\n\n  const width =\n    config.customWidth ??\n    calculateDefaultColumnWidth(\n      config.columnName,\n      undefined, // propertyInfo is not available here, passed from higher level\n      headerOptions,\n    )\n\n  const keyed = keyColumn(config.columnName, columnImpl)\n  return {\n    ...keyed,\n    component: withChangeIndicatorTooltip(keyed.component!, config.columnName),\n    title: (\n      <ColumnHeaderWithTooltip\n        name={config.columnName}\n        description={config.description}\n        isRequired={config.isRequired}\n        isUpsertKey={config.isUpsertKey}\n        showPinIcon={config.showPinIcon}\n        isPinned={config.isPinned}\n        onTogglePin={config.onTogglePin}\n      />\n    ),\n    minWidth: width,\n    basis: width,\n    grow: 0,\n    shrink: 0,\n    disabled: config.disabled,\n    deleteValue: createDeleteValue(config.columnName, config.isRequired),\n    pasteValue: wrapPasteValueWithSchemaCoercion(\n      keyed.pasteValue,\n      config.columnName,\n      config.schemaPropertyInfo,\n    ),\n    stickyLeft: config.isPinned,\n  }\n}\n\nconst COLUMN_FACTORIES = {\n  multipleEnum: (config: ColumnConfig) => {\n    return createBaseColumn(\n      config,\n      autocompleteMultipleEnumColumn({\n        choices: config.enumeratedValues ?? [],\n        colType: config.typeInfo?.type || null,\n        limitTags: 3,\n        clearValue: getEmptyValue(config.isRequired),\n      }),\n    )\n  },\n\n  boolean: (config: ColumnConfig) => {\n    return createBaseColumn(\n      config,\n      autocompleteColumn({\n        choices: [true, false],\n        colType: 'boolean',\n        clearValue: getEmptyValue(config.isRequired),\n      }),\n    )\n  },\n\n  number: (config: ColumnConfig) => {\n    return createBaseColumn(\n      config,\n      numberColumn({\n        colType: config.typeInfo?.type,\n        isRequired: config.isRequired,\n      }),\n    )\n  },\n\n  enumerated: (config: ColumnConfig) => {\n    return createBaseColumn(\n      config,\n      autocompleteColumn({\n        choices: config.enumeratedValues ?? [],\n        colType: config.typeInfo?.type || null,\n        clearValue: getEmptyValue(config.isRequired),\n      }),\n    )\n  },\n\n  'date-time': (config: ColumnConfig) => {\n    const columnImpl = dateTimeColumn({\n      colType: config.typeInfo?.type || null,\n    })\n\n    // Date-time needs special width calculation\n    const headerOptions: HeaderOptions = {\n      showPinIcon: config.showPinIcon,\n      hasDescription: !!config.description,\n    }\n\n    const width =\n      config.customWidth ??\n      calculateDefaultColumnWidth(\n        config.columnName,\n        {\n          type: config.typeInfo ?? undefined,\n          isRequired: config.isRequired,\n          enumeratedValues: null,\n        },\n        headerOptions,\n      )\n\n    return {\n      ...createBaseColumn(config, columnImpl),\n      minWidth: width,\n      basis: width,\n    }\n  },\n\n  text: (config: ColumnConfig) => {\n    const columnImpl = createTextColumn({\n      continuousUpdates: false,\n      deletedValue: undefined,\n      parseUserInput: createParseUserInput(config.isRequired),\n    })\n\n    return {\n      ...createBaseColumn(config, columnImpl),\n      cellClassName: 'MuiInputBase-input',\n    }\n  },\n}\n\nfunction getColumnType(\n  typeInfo: FlatTypeInfo | null,\n  enumeratedValues?: EnumeratedValue[] | string[] | null,\n): keyof typeof COLUMN_FACTORIES {\n  if (!typeInfo) {\n    return enumeratedValues && enumeratedValues.length > 0\n      ? 'enumerated'\n      : 'text'\n  }\n\n  if (typeInfo.format === 'date-time') {\n    return 'date-time'\n  }\n\n  // Handle arrays - check if it's an array of enums\n  if (typeInfo.isArray) {\n    return 'multipleEnum'\n  }\n\n  if (typeInfo.type === 'boolean') {\n    return 'boolean'\n  }\n\n  if (typeInfo.type === 'number' || typeInfo.type === 'integer') {\n    return 'number'\n  }\n\n  if (enumeratedValues && enumeratedValues.length > 0) {\n    return 'enumerated'\n  }\n\n  return 'text'\n}\n\nexport function createColumn(config: ColumnConfig): Column {\n  const columnType = getColumnType(config.typeInfo, config.enumeratedValues)\n  return COLUMN_FACTORIES[columnType](config)\n}\n"],"mappings":"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"}