synapse-react-client 4.0.18 → 4.0.20

package/dist/components/DataGrid/DataGrid.js

@@ -2,10 +2,10 @@ import { GRID_ROW_REACT_KEY_PROPERTY as e } from "./utils/DataGridUtils.js";
 import { calculateDefaultColumnWidth as t } from "./utils/calculateColumnWidth.js";
 import { modelColsToGrid as n } from "./utils/modelColsToGrid.js";
 import '../../style/components/_data-grid-extra.css';/* empty css                                      */
-import { renderAddRowsComponent as r, renderRecordSetContextMenu as i, renderViewContextMenu as a } from "./components/contextMenu.js";
-import { getCellClassName as ee } from "./utils/getCellClassName.js";
-import { useColumnResizeHandles as te } from "./hooks/useColumnResizeHandles.js";
-import { useEffect as ne, useRef as o, useState as s } from "react";
+import { renderAddRowsComponent as r, renderRecordSetContextMenu as i, renderViewContextMenu as ee } from "./components/contextMenu.js";
+import { getCellClassName as te } from "./utils/getCellClassName.js";
+import { useColumnResizeHandles as ne } from "./hooks/useColumnResizeHandles.js";
+import { useEffect as a, useRef as o, useState as s } from "react";
 import { jsx as c } from "react/jsx-runtime";
 import l from "classnames";
 import { c as re } from "react/compiler-runtime";
@@ -13,17 +13,17 @@ import { DynamicDataSheetGrid as u } from "@sage-bionetworks/react-datasheet-gri
 import "@sage-bionetworks/react-datasheet-grid/dist/style.css";
 //#region src/components/DataGrid/DataGrid.tsx
 function d(d) {
-	let p = re(43), { gridRef: m, rowValues: h, columnNames: g, columnOrder: _, schemaPropertiesInfo: v, entityIsView: y, jsonSchema: b, lastSelection: x, handleChange: S, handleSelectionChange: C, remoteSelections: w } = d, T;
-	p[0] === Symbol.for("react.memo_cache_sentinel") ? (T = {}, p[0] = T) : T = p[0];
-	let [E, D] = s(T), [O, k] = s(!1), A, j;
-	p[1] !== g || p[2] !== _ || p[3] !== v ? (A = () => {
-		!g || !_ || D((e) => {
-			let n = _.map((e) => g[e]);
+	let f = re(42), { gridRef: p, rowValues: m, columnNames: h, columnOrder: g, schemaPropertiesInfo: _, entityIsView: v, jsonSchema: y, lastSelection: b, handleChange: x, handleSelectionChange: S, remoteSelections: C } = d, w;
+	f[0] === Symbol.for("react.memo_cache_sentinel") ? (w = {}, f[0] = w) : w = f[0];
+	let [T, E] = s(w), [D, O] = s(!1), k, A;
+	f[1] !== h || f[2] !== g || f[3] !== _ ? (k = () => {
+		!h || !g || E((e) => {
+			let n = g.map((e) => h[e]);
 			if (!n.some((t) => !e[t])) return e;
 			let r = { ...e };
 			return n.forEach((e, n) => {
 				if (!r[e]) {
-					let i = v[e];
+					let i = _[e];
 					r[e] = t(e, i, {
 						showPinIcon: n === 0,
 						hasDescription: !!i?.description
@@ -31,99 +31,99 @@ function d(d) {
 				}
 			}), r;
 		});
-	}, j = [
+	}, A = [
+		h,
 		g,
-		_,
-		v
-	], p[1] = g, p[2] = _, p[3] = v, p[4] = A, p[5] = j) : (A = p[4], j = p[5]), ne(A, j);
-	let M;
-	p[6] === _ ? M = p[7] : (M = (e) => {
-		typeof e != "number" || e < 0 || !_ || e >= _.length || e === 0 && k(f);
-	}, p[6] = _, p[7] = M);
-	let N = M, P;
-	p[8] === O ? P = p[9] : (P = O ? new Set([0]) : /* @__PURE__ */ new Set(), p[8] = O, p[9] = P);
-	let F = P, I;
-	p[10] !== g || p[11] !== _ || p[12] !== E || p[13] !== N || p[14] !== F || p[15] !== v ? (I = n(g, _, v, E, F, N), p[10] = g, p[11] = _, p[12] = E, p[13] = N, p[14] = F, p[15] = v, p[16] = I) : I = p[16];
-	let L = I, [R, ae] = s(null), z = y ? a : i, B = y ? !1 : r, V;
-	p[17] !== b || p[18] !== R ? (V = (e) => {
+		_
+	], f[1] = h, f[2] = g, f[3] = _, f[4] = k, f[5] = A) : (k = f[4], A = f[5]), a(k, A);
+	let j;
+	f[6] === g ? j = f[7] : (j = (e) => {
+		typeof e != "number" || e < 0 || !g || e >= g.length || e === 0 && O(ae);
+	}, f[6] = g, f[7] = j);
+	let M = j, N;
+	f[8] === D ? N = f[9] : (N = D ? new Set([0]) : /* @__PURE__ */ new Set(), f[8] = D, f[9] = N);
+	let P = N, F;
+	f[10] !== h || f[11] !== g || f[12] !== T || f[13] !== M || f[14] !== P || f[15] !== _ ? (F = n(h, g, _, T, P, M), f[10] = h, f[11] = g, f[12] = T, f[13] = M, f[14] = P, f[15] = _, f[16] = F) : F = f[16];
+	let I = F, [L, R] = s(null), z = v ? ee : i, B = v ? !1 : r, V;
+	f[17] !== y || f[18] !== L ? (V = (e) => {
 		let { rowData: t, rowIndex: n } = e;
 		return l({
-			"row-valid": !!b && t.__validationStatus === "valid",
-			"row-invalid": !!b && t.__validationStatus === "invalid",
-			"row-unknown": !!b && t.__validationStatus === "pending",
-			"row-selected": R === n
+			"row-valid": !!y && t.__validationStatus === "valid",
+			"row-invalid": !!y && t.__validationStatus === "invalid",
+			"row-unknown": !!y && t.__validationStatus === "pending",
+			"row-selected": L === n
 		});
-	}, p[17] = b, p[18] = R, p[19] = V) : V = p[19];
+	}, f[17] = y, f[18] = L, f[19] = V) : V = f[19];
 	let H = V, U;
-	p[20] !== L || p[21] !== x || p[22] !== w || p[23] !== R ? (U = (e) => {
+	f[20] !== I || f[21] !== b || f[22] !== C || f[23] !== L ? (U = (e) => {
 		let { rowData: t, rowIndex: n, columnId: r } = e;
-		return ee({
+		return te({
 			rowData: t,
 			rowIndex: n,
 			columnId: r || "",
-			selectedRowIndex: R,
-			lastSelection: x,
-			colValues: L,
-			remoteSelections: w
+			selectedRowIndex: L,
+			lastSelection: b,
+			colValues: I,
+			remoteSelections: C
 		});
-	}, p[20] = L, p[21] = x, p[22] = w, p[23] = R, p[24] = U) : U = p[24];
-	let W = U, oe = ie, G;
-	p[25] === Symbol.for("react.memo_cache_sentinel") ? (G = (e) => {
+	}, f[20] = I, f[21] = b, f[22] = C, f[23] = L, f[24] = U) : U = f[24];
+	let W = U, G = ie, K;
+	f[25] === Symbol.for("react.memo_cache_sentinel") ? (K = (e) => {
 		let { cell: t } = e;
-		ae(t ? t.row : null);
-	}, p[25] = G) : G = p[25];
-	let se = G, K = o(null), q = o(null), J;
-	p[26] === m ? J = p[27] : (J = (e, t) => {
-		if (m.current) {
-			let e = m.current.activeCell;
-			e ? q.current = {
+		R(t ? t.row : null);
+	}, f[25] = K) : K = f[25];
+	let oe = K, q = o(null), J = o(null), Y;
+	f[26] === p ? Y = f[27] : (Y = (e, t) => {
+		if (p.current) {
+			let e = p.current.activeCell;
+			e ? J.current = {
 				col: e.col,
 				row: e.row
-			} : q.current = null;
+			} : J.current = null;
 		}
-		D((n) => ({
+		E((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, p[26] = m, p[27] = J);
-	let Y = J, X;
-	p[28] !== L || p[29] !== Y ? (X = {
-		wrapperRef: K,
-		colValues: L,
-		onColumnResize: Y
-	}, p[28] = L, p[29] = Y, p[30] = X) : X = p[30], te(X);
-	let Z;
-	p[31] === Symbol.for("react.memo_cache_sentinel") ? (Z = {
+	}, f[26] = p, f[27] = Y);
+	let X = Y, Z;
+	f[28] !== I || f[29] !== X ? (Z = {
+		wrapperRef: q,
+		colValues: I,
+		onColumnResize: X
+	}, f[28] = I, f[29] = X, f[30] = Z) : Z = f[30], ne(Z);
+	let Q;
+	f[31] === Symbol.for("react.memo_cache_sentinel") ? (Q = {
 		position: "relative",
 		width: "100%"
-	}, p[31] = Z) : Z = p[31];
-	let Q = !y, $;
-	return p[32] !== B || p[33] !== W || p[34] !== L || p[35] !== z || p[36] !== m || p[37] !== S || p[38] !== C || p[39] !== H || p[40] !== h || p[41] !== Q ? ($ = /* @__PURE__ */ c("div", {
-		ref: K,
-		style: Z,
+	}, f[31] = Q) : Q = f[31];
+	let $;
+	return f[32] !== B || f[33] !== W || f[34] !== I || f[35] !== z || f[36] !== p || f[37] !== x || f[38] !== S || f[39] !== H || f[40] !== m ? ($ = /* @__PURE__ */ c("div", {
+		ref: q,
+		style: Q,
 		children: /* @__PURE__ */ c(u, {
-			ref: m,
-			value: h,
-			columns: L,
-			autoAddRow: Q,
+			ref: p,
+			value: m,
+			columns: I,
+			autoAddRow: !1,
 			disableSmartDelete: !0,
 			addRowsComponent: B,
 			contextMenuComponent: z,
 			rowKey: e,
 			rowClassName: H,
 			cellClassName: W,
-			duplicateRow: oe,
-			onChange: S,
-			onActiveCellChange: se,
-			onSelectionChange: C
+			duplicateRow: G,
+			onChange: x,
+			onActiveCellChange: oe,
+			onSelectionChange: S
 		})
-	}), p[32] = B, p[33] = W, p[34] = L, p[35] = z, p[36] = m, p[37] = S, p[38] = C, p[39] = H, p[40] = h, p[41] = Q, p[42] = $) : $ = p[42], $;
+	}), f[32] = B, f[33] = W, f[34] = I, f[35] = z, f[36] = p, f[37] = x, f[38] = S, f[39] = H, f[40] = m, f[41] = $) : $ = f[41], $;
 }
 function ie(e) {
 	let { rowData: t } = e;
 	return { ...t };
 }
-function f(e) {
+function ae(e) {
 	return !e;
 }
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"DataGrid.js","names":["modelColsToGrid","SchemaPropertiesMap","classNames","JSONSchema7","useEffect","useMemo","useState","useRef","useCallback","DynamicDataSheetGrid","DataSheetGridRef","SelectionWithId","renderAddRowsComponent","renderRecordSetContextMenu","renderViewContextMenu","DataGridRow","Operation","GRID_ROW_REACT_KEY_PROPERTY","getCellClassName","useColumnResizeHandles","calculateDefaultColumnWidth","HeaderOptions","RemoteSelection","DataGridProps","gridRef","React","RefObject","columnNames","columnOrder","schemaPropertiesInfo","rowValues","entityIsView","jsonSchema","lastSelection","handleChange","newValue","operations","handleSelectionChange","opts","selection","remoteSelections","DataGrid","props","$","_c","t0","Symbol","for","columnWidths","setColumnWidths","isPinned","setIsPinned","t1","t2","prev","modelColumnNames","map","idx","needsUpdate","some","name","newWidths","forEach","columnName","arrayIndex","propertyInfo","headerOptions","showPinIcon","hasDescription","description","t3","columnIndex","length","_temp","handleTogglePin","t4","Set","pinnedColumnsSet","t5","colValues","selectedRowIndex","setSelectedRowIndex","contextMenuComponent","addRowsComponent","t6","t7","rowData","rowIndex","__validationStatus","rowClassNameCallback","t8","rowData_0","rowIndex_0","columnId","cellClassNameCallback","duplicateRowCallback","_temp2","t9","cell","row","handleActiveCellChange","wrapperRef","activeCellBeforeResizeRef","columnName_0","newWidth","current","activeCell","col","prev_1","handleColumnResize","t10","onColumnResize","t11","position","width","t12","t13","rowData_1","prev_0"],"sources":["../../../src/components/DataGrid/DataGrid.tsx"],"sourcesContent":["import { modelColsToGrid } from '@/components/DataGrid/utils/modelColsToGrid'\nimport { SchemaPropertiesMap } from '@/utils/jsonschema/getSchemaPropertyInfo'\nimport classNames from 'classnames'\nimport { JSONSchema7 } from 'json-schema'\nimport { useEffect, useMemo, useState, useRef, useCallback } from 'react'\nimport {\n  DynamicDataSheetGrid,\n  DataSheetGridRef,\n} from '@sage-bionetworks/react-datasheet-grid'\nimport '@sage-bionetworks/react-datasheet-grid/dist/style.css'\nimport '../../style/components/_data-grid-extra.scss'\nimport { SelectionWithId } from '@sage-bionetworks/react-datasheet-grid'\nimport {\n  renderAddRowsComponent,\n  renderRecordSetContextMenu,\n  renderViewContextMenu,\n} from './components/contextMenu'\nimport { DataGridRow, Operation } from './DataGridTypes'\nimport { GRID_ROW_REACT_KEY_PROPERTY } from './utils/DataGridUtils'\nimport { getCellClassName } from './utils/getCellClassName'\nimport { useColumnResizeHandles } from './hooks/useColumnResizeHandles'\nimport {\n  calculateDefaultColumnWidth,\n  HeaderOptions,\n} from './utils/calculateColumnWidth'\nimport type { RemoteSelection } from './hooks/useRemoteSelections'\n\ntype DataGridProps = {\n  gridRef: React.RefObject<DataSheetGridRef | null>\n  columnNames: string[]\n  columnOrder: number[]\n  schemaPropertiesInfo: SchemaPropertiesMap\n  rowValues: DataGridRow[]\n  entityIsView: boolean\n  jsonSchema: JSONSchema7 | undefined\n  lastSelection: SelectionWithId | null\n  handleChange: (newValue: DataGridRow[], operations: Operation[]) => void\n  handleSelectionChange: (opts: { selection: SelectionWithId | null }) => void\n  remoteSelections?: readonly RemoteSelection[]\n}\n\n/**\n * Component that renders a data grid/spreadsheet using react-datasheet-grid.\n * @param props\n * @constructor\n */\nexport default function DataGrid(props: DataGridProps) {\n  const {\n    gridRef,\n    rowValues,\n    columnNames,\n    columnOrder,\n    schemaPropertiesInfo,\n    entityIsView,\n    jsonSchema,\n    lastSelection,\n    handleChange,\n    handleSelectionChange,\n    remoteSelections,\n  } = props\n\n  // Move columnWidths state into DataGrid\n  const [columnWidths, setColumnWidths] = useState<Record<string, number>>({})\n\n  // Pin state management for first column\n  const [isPinned, setIsPinned] = useState(false)\n\n  // Initialize column widths with defaults when columns first become available\n  useEffect(() => {\n    if (!columnNames || !columnOrder) {\n      return\n    }\n\n    // Initialize widths for any columns that don't have them yet\n    setColumnWidths(prev => {\n      const modelColumnNames = columnOrder.map(idx => columnNames[idx])\n\n      // Check if any columns need initialization\n      const needsUpdate = modelColumnNames.some(name => !prev[name])\n\n      if (!needsUpdate) {\n        return prev // Return same reference to avoid triggering updates\n      }\n\n      const newWidths = { ...prev }\n      modelColumnNames.forEach((columnName, arrayIndex) => {\n        if (!newWidths[columnName]) {\n          // Calculate default width using centralized function\n          const propertyInfo = schemaPropertiesInfo[columnName]\n          const headerOptions: HeaderOptions = {\n            showPinIcon: arrayIndex === 0,\n            hasDescription: !!propertyInfo?.description,\n          }\n          newWidths[columnName] = calculateDefaultColumnWidth(\n            columnName,\n            propertyInfo,\n            headerOptions,\n          )\n        }\n      })\n      return newWidths\n    })\n  }, [columnNames, columnOrder, schemaPropertiesInfo])\n\n  // Handler to toggle pin state for the first column only\n  const handleTogglePin = useCallback(\n    (columnIndex: number) => {\n      // Validate columnIndex\n      if (\n        typeof columnIndex !== 'number' ||\n        columnIndex < 0 ||\n        !columnOrder ||\n        columnIndex >= columnOrder.length\n      ) {\n        return\n      }\n\n      if (columnIndex !== 0) return // Only allow first column pinning\n\n      setIsPinned(prev => !prev)\n    },\n    [columnOrder],\n  )\n\n  // Memoize the pinned columns set to prevent recalculation during scroll\n  const pinnedColumnsSet = useMemo<Set<number>>(() => {\n    return isPinned ? new Set([0]) : new Set()\n  }, [isPinned])\n\n  const colValues = useMemo(\n    () =>\n      modelColsToGrid(\n        columnNames,\n        columnOrder,\n        schemaPropertiesInfo,\n        columnWidths,\n        pinnedColumnsSet,\n        handleTogglePin,\n      ),\n    [\n      columnNames,\n      columnOrder,\n      schemaPropertiesInfo,\n      columnWidths,\n      pinnedColumnsSet,\n      handleTogglePin,\n    ],\n  )\n  const [selectedRowIndex, setSelectedRowIndex] = useState<number | null>(null)\n\n  // Memoize contextMenuComponent\n  const contextMenuComponent = useMemo(\n    () => (entityIsView ? renderViewContextMenu : renderRecordSetContextMenu),\n    [entityIsView],\n  )\n\n  // Memoize addRowsComponent\n  const addRowsComponent = useMemo(\n    () => (entityIsView ? false : renderAddRowsComponent),\n    [entityIsView],\n  )\n\n  // Wrap rowClassName in useCallback\n  const rowClassNameCallback = useCallback(\n    ({ rowData, rowIndex }: { rowData: DataGridRow; rowIndex: number }) =>\n      classNames({\n        'row-valid': !!jsonSchema && rowData.__validationStatus === 'valid',\n        'row-invalid': !!jsonSchema && rowData.__validationStatus === 'invalid',\n        'row-unknown': !!jsonSchema && rowData.__validationStatus === 'pending',\n        'row-selected': selectedRowIndex === rowIndex,\n      }),\n    [jsonSchema, selectedRowIndex],\n  )\n\n  // Wrap cellClassName in useCallback\n  const cellClassNameCallback = useCallback(\n    ({\n      rowData,\n      rowIndex,\n      columnId,\n    }: {\n      rowData: unknown\n      rowIndex: number\n      columnId?: string\n    }) => {\n      return getCellClassName({\n        rowData: rowData as DataGridRow,\n        rowIndex,\n        columnId: columnId || '',\n        selectedRowIndex,\n        lastSelection,\n        colValues,\n        remoteSelections,\n      })\n    },\n    [selectedRowIndex, lastSelection, colValues, remoteSelections],\n  )\n\n  // Wrap duplicateRow in useCallback\n  const duplicateRowCallback = useCallback(\n    ({ rowData }: { rowData: DataGridRow }) => ({\n      ...rowData,\n    }),\n    [],\n  )\n\n  // Wrap onActiveCellChange in useCallback\n  const handleActiveCellChange = useCallback(\n    ({ cell }: { cell: { row: number; col: number } | null }) => {\n      setSelectedRowIndex(cell ? cell.row : null)\n    },\n    [],\n  )\n\n  // Wrapper ref for the grid container\n  const wrapperRef = useRef<HTMLDivElement | null>(null)\n\n  // Store the active cell before column resize so we can restore it\n  const activeCellBeforeResizeRef = useRef<{ col: number; row: number } | null>(\n    null,\n  )\n\n  // Handle column resize callback\n  const handleColumnResize = useCallback(\n    (columnName: string, newWidth: number) => {\n      // Save the current active cell before updating widths (which will trigger remount)\n      if (gridRef.current) {\n        const activeCell = gridRef.current.activeCell\n        if (activeCell) {\n          activeCellBeforeResizeRef.current = {\n            col: activeCell.col,\n            row: activeCell.row,\n          }\n        } else {\n          // Explicitly clear the ref if there's no active cell\n          activeCellBeforeResizeRef.current = null\n        }\n      }\n\n      setColumnWidths(prev => ({\n        ...prev,\n        [columnName]: newWidth,\n      }))\n    },\n    [gridRef],\n  )\n\n  // Setup column resize handles\n  useColumnResizeHandles({\n    wrapperRef,\n    colValues,\n    onColumnResize: handleColumnResize,\n  })\n\n  return (\n    <div ref={wrapperRef} style={{ position: 'relative', width: '100%' }}>\n      <DynamicDataSheetGrid\n        ref={gridRef}\n        value={rowValues}\n        columns={colValues}\n        autoAddRow={!entityIsView}\n        disableSmartDelete\n        addRowsComponent={addRowsComponent}\n        contextMenuComponent={contextMenuComponent}\n        rowKey={GRID_ROW_REACT_KEY_PROPERTY}\n        rowClassName={rowClassNameCallback}\n        cellClassName={cellClassNameCallback}\n        duplicateRow={duplicateRowCallback}\n        onChange={handleChange}\n        onActiveCellChange={handleActiveCellChange}\n        onSelectionChange={handleSelectionChange}\n      />\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"DataGrid.js","names":["modelColsToGrid","SchemaPropertiesMap","classNames","JSONSchema7","useEffect","useMemo","useState","useRef","useCallback","DynamicDataSheetGrid","DataSheetGridRef","SelectionWithId","renderAddRowsComponent","renderRecordSetContextMenu","renderViewContextMenu","DataGridRow","Operation","GRID_ROW_REACT_KEY_PROPERTY","getCellClassName","useColumnResizeHandles","calculateDefaultColumnWidth","HeaderOptions","RemoteSelection","DataGridProps","gridRef","React","RefObject","columnNames","columnOrder","schemaPropertiesInfo","rowValues","entityIsView","jsonSchema","lastSelection","handleChange","newValue","operations","handleSelectionChange","opts","selection","remoteSelections","DataGrid","props","$","_c","t0","Symbol","for","columnWidths","setColumnWidths","isPinned","setIsPinned","t1","t2","prev","modelColumnNames","map","idx","needsUpdate","some","name","newWidths","forEach","columnName","arrayIndex","propertyInfo","headerOptions","showPinIcon","hasDescription","description","t3","columnIndex","length","_temp","handleTogglePin","t4","Set","pinnedColumnsSet","t5","colValues","selectedRowIndex","setSelectedRowIndex","contextMenuComponent","addRowsComponent","t6","t7","rowData","rowIndex","__validationStatus","rowClassNameCallback","t8","rowData_0","rowIndex_0","columnId","cellClassNameCallback","duplicateRowCallback","_temp2","t9","cell","row","handleActiveCellChange","wrapperRef","activeCellBeforeResizeRef","columnName_0","newWidth","current","activeCell","col","prev_1","handleColumnResize","t10","onColumnResize","t11","position","width","t12","rowData_1","prev_0"],"sources":["../../../src/components/DataGrid/DataGrid.tsx"],"sourcesContent":["import { modelColsToGrid } from '@/components/DataGrid/utils/modelColsToGrid'\nimport { SchemaPropertiesMap } from '@/utils/jsonschema/getSchemaPropertyInfo'\nimport classNames from 'classnames'\nimport { JSONSchema7 } from 'json-schema'\nimport { useEffect, useMemo, useState, useRef, useCallback } from 'react'\nimport {\n  DynamicDataSheetGrid,\n  DataSheetGridRef,\n} from '@sage-bionetworks/react-datasheet-grid'\nimport '@sage-bionetworks/react-datasheet-grid/dist/style.css'\nimport '../../style/components/_data-grid-extra.scss'\nimport { SelectionWithId } from '@sage-bionetworks/react-datasheet-grid'\nimport {\n  renderAddRowsComponent,\n  renderRecordSetContextMenu,\n  renderViewContextMenu,\n} from './components/contextMenu'\nimport { DataGridRow, Operation } from './DataGridTypes'\nimport { GRID_ROW_REACT_KEY_PROPERTY } from './utils/DataGridUtils'\nimport { getCellClassName } from './utils/getCellClassName'\nimport { useColumnResizeHandles } from './hooks/useColumnResizeHandles'\nimport {\n  calculateDefaultColumnWidth,\n  HeaderOptions,\n} from './utils/calculateColumnWidth'\nimport type { RemoteSelection } from './hooks/useRemoteSelections'\n\ntype DataGridProps = {\n  gridRef: React.RefObject<DataSheetGridRef | null>\n  columnNames: string[]\n  columnOrder: number[]\n  schemaPropertiesInfo: SchemaPropertiesMap\n  rowValues: DataGridRow[]\n  entityIsView: boolean\n  jsonSchema: JSONSchema7 | undefined\n  lastSelection: SelectionWithId | null\n  handleChange: (newValue: DataGridRow[], operations: Operation[]) => void\n  handleSelectionChange: (opts: { selection: SelectionWithId | null }) => void\n  remoteSelections?: readonly RemoteSelection[]\n}\n\n/**\n * Component that renders a data grid/spreadsheet using react-datasheet-grid.\n * @param props\n * @constructor\n */\nexport default function DataGrid(props: DataGridProps) {\n  const {\n    gridRef,\n    rowValues,\n    columnNames,\n    columnOrder,\n    schemaPropertiesInfo,\n    entityIsView,\n    jsonSchema,\n    lastSelection,\n    handleChange,\n    handleSelectionChange,\n    remoteSelections,\n  } = props\n\n  // Move columnWidths state into DataGrid\n  const [columnWidths, setColumnWidths] = useState<Record<string, number>>({})\n\n  // Pin state management for first column\n  const [isPinned, setIsPinned] = useState(false)\n\n  // Initialize column widths with defaults when columns first become available\n  useEffect(() => {\n    if (!columnNames || !columnOrder) {\n      return\n    }\n\n    // Initialize widths for any columns that don't have them yet\n    setColumnWidths(prev => {\n      const modelColumnNames = columnOrder.map(idx => columnNames[idx])\n\n      // Check if any columns need initialization\n      const needsUpdate = modelColumnNames.some(name => !prev[name])\n\n      if (!needsUpdate) {\n        return prev // Return same reference to avoid triggering updates\n      }\n\n      const newWidths = { ...prev }\n      modelColumnNames.forEach((columnName, arrayIndex) => {\n        if (!newWidths[columnName]) {\n          // Calculate default width using centralized function\n          const propertyInfo = schemaPropertiesInfo[columnName]\n          const headerOptions: HeaderOptions = {\n            showPinIcon: arrayIndex === 0,\n            hasDescription: !!propertyInfo?.description,\n          }\n          newWidths[columnName] = calculateDefaultColumnWidth(\n            columnName,\n            propertyInfo,\n            headerOptions,\n          )\n        }\n      })\n      return newWidths\n    })\n  }, [columnNames, columnOrder, schemaPropertiesInfo])\n\n  // Handler to toggle pin state for the first column only\n  const handleTogglePin = useCallback(\n    (columnIndex: number) => {\n      // Validate columnIndex\n      if (\n        typeof columnIndex !== 'number' ||\n        columnIndex < 0 ||\n        !columnOrder ||\n        columnIndex >= columnOrder.length\n      ) {\n        return\n      }\n\n      if (columnIndex !== 0) return // Only allow first column pinning\n\n      setIsPinned(prev => !prev)\n    },\n    [columnOrder],\n  )\n\n  // Memoize the pinned columns set to prevent recalculation during scroll\n  const pinnedColumnsSet = useMemo<Set<number>>(() => {\n    return isPinned ? new Set([0]) : new Set()\n  }, [isPinned])\n\n  const colValues = useMemo(\n    () =>\n      modelColsToGrid(\n        columnNames,\n        columnOrder,\n        schemaPropertiesInfo,\n        columnWidths,\n        pinnedColumnsSet,\n        handleTogglePin,\n      ),\n    [\n      columnNames,\n      columnOrder,\n      schemaPropertiesInfo,\n      columnWidths,\n      pinnedColumnsSet,\n      handleTogglePin,\n    ],\n  )\n  const [selectedRowIndex, setSelectedRowIndex] = useState<number | null>(null)\n\n  // Memoize contextMenuComponent\n  const contextMenuComponent = useMemo(\n    () => (entityIsView ? renderViewContextMenu : renderRecordSetContextMenu),\n    [entityIsView],\n  )\n\n  // Memoize addRowsComponent\n  const addRowsComponent = useMemo(\n    () => (entityIsView ? false : renderAddRowsComponent),\n    [entityIsView],\n  )\n\n  // Wrap rowClassName in useCallback\n  const rowClassNameCallback = useCallback(\n    ({ rowData, rowIndex }: { rowData: DataGridRow; rowIndex: number }) =>\n      classNames({\n        'row-valid': !!jsonSchema && rowData.__validationStatus === 'valid',\n        'row-invalid': !!jsonSchema && rowData.__validationStatus === 'invalid',\n        'row-unknown': !!jsonSchema && rowData.__validationStatus === 'pending',\n        'row-selected': selectedRowIndex === rowIndex,\n      }),\n    [jsonSchema, selectedRowIndex],\n  )\n\n  // Wrap cellClassName in useCallback\n  const cellClassNameCallback = useCallback(\n    ({\n      rowData,\n      rowIndex,\n      columnId,\n    }: {\n      rowData: unknown\n      rowIndex: number\n      columnId?: string\n    }) => {\n      return getCellClassName({\n        rowData: rowData as DataGridRow,\n        rowIndex,\n        columnId: columnId || '',\n        selectedRowIndex,\n        lastSelection,\n        colValues,\n        remoteSelections,\n      })\n    },\n    [selectedRowIndex, lastSelection, colValues, remoteSelections],\n  )\n\n  // Wrap duplicateRow in useCallback\n  const duplicateRowCallback = useCallback(\n    ({ rowData }: { rowData: DataGridRow }) => ({\n      ...rowData,\n    }),\n    [],\n  )\n\n  // Wrap onActiveCellChange in useCallback\n  const handleActiveCellChange = useCallback(\n    ({ cell }: { cell: { row: number; col: number } | null }) => {\n      setSelectedRowIndex(cell ? cell.row : null)\n    },\n    [],\n  )\n\n  // Wrapper ref for the grid container\n  const wrapperRef = useRef<HTMLDivElement | null>(null)\n\n  // Store the active cell before column resize so we can restore it\n  const activeCellBeforeResizeRef = useRef<{ col: number; row: number } | null>(\n    null,\n  )\n\n  // Handle column resize callback\n  const handleColumnResize = useCallback(\n    (columnName: string, newWidth: number) => {\n      // Save the current active cell before updating widths (which will trigger remount)\n      if (gridRef.current) {\n        const activeCell = gridRef.current.activeCell\n        if (activeCell) {\n          activeCellBeforeResizeRef.current = {\n            col: activeCell.col,\n            row: activeCell.row,\n          }\n        } else {\n          // Explicitly clear the ref if there's no active cell\n          activeCellBeforeResizeRef.current = null\n        }\n      }\n\n      setColumnWidths(prev => ({\n        ...prev,\n        [columnName]: newWidth,\n      }))\n    },\n    [gridRef],\n  )\n\n  // Setup column resize handles\n  useColumnResizeHandles({\n    wrapperRef,\n    colValues,\n    onColumnResize: handleColumnResize,\n  })\n\n  return (\n    <div ref={wrapperRef} style={{ position: 'relative', width: '100%' }}>\n      <DynamicDataSheetGrid\n        ref={gridRef}\n        value={rowValues}\n        columns={colValues}\n        autoAddRow={false}\n        disableSmartDelete\n        addRowsComponent={addRowsComponent}\n        contextMenuComponent={contextMenuComponent}\n        rowKey={GRID_ROW_REACT_KEY_PROPERTY}\n        rowClassName={rowClassNameCallback}\n        cellClassName={cellClassNameCallback}\n        duplicateRow={duplicateRowCallback}\n        onChange={handleChange}\n        onActiveCellChange={handleActiveCellChange}\n        onSelectionChange={handleSelectionChange}\n      />\n    </div>\n  )\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridTypes.js","names":["ValidationResults","Model","s","ReplicaCategory","gridRowSchema","obj","data","vec","con","metadata","synapseRow","rowId","versionNumber","etag","rowValidation","undefined","SelectionMap","Record","ReturnType","ReplicaSelectionModel","selectionSchema","gridSchema","doc_version","columnNames","columnOrder","arr","selection","rows","CrdtId","rep","seq","columnSelection","rowSelection","columnSelectAll","rowSelectAll","JsonJoyMessage","sequenceNumber","methodName","payload","QueryInputType","QueryInput","type","input","GridModel","create","GridModelSnapshot","CellChangeInfo","category","tooltipText","Operation","fromRowIndex","toRowIndex","DataGridRow","key","Map","__validationResults","__validationStatus","__cellValidationResults","__cellChangeInfo"],"sources":["../../../src/components/DataGrid/DataGridTypes.ts"],"sourcesContent":["import { ValidationResults } from '@sage-bionetworks/synapse-types'\nimport { Model } from 'json-joy/lib/json-crdt'\nimport { s } from 'json-joy/lib/json-crdt-patch'\nimport type { ReplicaCategory } from './utils/getReplicaCategory'\n\nconst gridRowSchema = s.obj({\n  data: s.vec(s.con('')),\n  metadata: s.obj({\n    synapseRow: s.obj({\n      rowId: s.con(0),\n      versionNumber: s.con(0),\n      etag: s.con(''),\n    }),\n    rowValidation: s.con<ValidationResults | undefined>(undefined),\n  }),\n})\n\ntype SelectionMap = Record<\n  string,\n  ReturnType<typeof s.con<ReplicaSelectionModel>>\n>\nconst selectionSchema = s.obj<SelectionMap, SelectionMap>({})\n\nexport const gridSchema = s.obj({\n  doc_version: s.con('0.1.0'),\n  columnNames: s.vec(s.con('')),\n  columnOrder: s.arr([]),\n  selection: selectionSchema,\n  rows: s.arr<typeof gridRowSchema>([]),\n})\n\nexport type CrdtId = {\n  rep: number\n  seq: number\n}\n\nexport type ReplicaSelectionModel = {\n  columnSelection?: CrdtId[]\n  rowSelection?: CrdtId[]\n  columnSelectAll?: boolean\n  rowSelectAll?: boolean\n}\n\nexport interface JsonJoyMessage {\n  sequenceNumber: number\n  methodName: string\n  payload?: string\n}\n\nexport type QueryInputType =\n  | 'empty'\n  | 'sql'\n  | 'sessionId'\n  | 'recordSetId'\n  | 'unknown'\n\nexport interface QueryInput {\n  type: QueryInputType\n  input: string\n}\n\nexport type GridModel = ReturnType<typeof Model.create<typeof gridSchema>>\nexport type GridModelSnapshot = ReturnType<GridModel['api']['getSnapshot']>\n\nexport type CellChangeInfo = {\n  category: ReplicaCategory\n  tooltipText: string\n}\n\nexport interface Operation {\n  type: 'UPDATE' | 'DELETE' | 'CREATE'\n  fromRowIndex: number\n  toRowIndex: number\n}\n\n/**\n * Object that represents a single row of data in a Grid session that is compatible with react-datasheet-grid.\n * This objects acts as a \"ViewModel\" and can be translated to/from the Synapse data grid CRDT schema.\n */\nexport type DataGridRow = {\n  [key: string]:\n    | string\n    | number\n    | boolean\n    | null\n    | undefined\n    | ValidationResults\n    | Map<string, string[]>\n    | Record<string, CellChangeInfo>\n  /** The JSON Schema validation results for the row, generated by the hub */\n  __validationResults?: ValidationResults\n  /** The current status of the validation results, as computed by the client */\n  __validationStatus?: 'valid' | 'invalid' | 'pending'\n  /** The parsed validation messages for individual columns **/\n  __cellValidationResults?: Map<string, string[]>\n  /** Per-cell change attribution, keyed by column name */\n  __cellChangeInfo?: Record<string, CellChangeInfo>\n}\n"],"mappings":";;AAKsBE,EAAEG,IAAI;CAC1BC,MAAMJ,EAAEK,IAAIL,EAAEM,IAAI,GAAG,CAAC;CACtBC,UAAUP,EAAEG,IAAI;EACdK,YAAYR,EAAEG,IAAI;GAChBM,OAAOT,EAAEM,IAAI,EAAE;GACfI,eAAeV,EAAEM,IAAI,EAAE;GACvBK,MAAMX,EAAEM,IAAI,GAAE;GACf,CAAC;EACFM,eAAeZ,EAAEM,IAAmCO,KAAAA,EAAS;EAC9D,CAAA;CACF,CAAC;AAMF,IAAMK,IAAkBlB,EAAEG,IAAgC,EAAE,CAAC,EAEhDgB,IAAanB,EAAEG,IAAI;CAC9BiB,aAAapB,EAAEM,IAAI,QAAQ;CAC3Be,aAAarB,EAAEK,IAAIL,EAAEM,IAAI,GAAG,CAAC;CAC7BgB,aAAatB,EAAEuB,IAAI,EAAE,CAAC;CACtBC,WAAWN;CACXO,MAAMzB,EAAEuB,IAA0B,EAAE,CAAA;CACrC,CAAC"}
+{"version":3,"file":"DataGridTypes.js","names":["ValidationResults","Model","s","ReplicaCategory","gridRowSchema","obj","data","vec","con","metadata","synapseRow","rowId","versionNumber","etag","rowValidation","undefined","SelectionMap","Record","ReturnType","ReplicaSelectionModel","selectionSchema","gridSchema","doc_version","columnNames","columnOrder","arr","selection","rows","CrdtId","rep","seq","columnSelection","rowSelection","columnSelectAll","rowSelectAll","JsonJoyMessage","sequenceNumber","methodName","payload","QueryInputType","QueryInput","type","input","GridModel","create","GridModelSnapshot","CellChangeInfo","category","tooltipText","Operation","fromRowIndex","toRowIndex","DataGridRow","key","Map","__validationResults","__validationStatus","__cellValidationResults","__cellChangeInfo"],"sources":["../../../src/components/DataGrid/DataGridTypes.ts"],"sourcesContent":["import { ValidationResults } from '@sage-bionetworks/synapse-types'\nimport { Model } from 'json-joy/lib/json-crdt'\nimport { s } from 'json-joy/lib/json-crdt-patch'\nimport type { ReplicaCategory } from './utils/getReplicaCategory'\n\nconst gridRowSchema = s.obj({\n  data: s.vec(s.con('')),\n  metadata: s.obj({\n    synapseRow: s.obj({\n      rowId: s.con(0),\n      versionNumber: s.con(0),\n      etag: s.con(''),\n    }),\n    rowValidation: s.con<ValidationResults | undefined>(undefined),\n  }),\n})\n\ntype SelectionMap = Record<\n  string,\n  ReturnType<typeof s.con<ReplicaSelectionModel>>\n>\nconst selectionSchema = s.obj<SelectionMap, SelectionMap>({})\n\nexport const gridSchema = s.obj({\n  doc_version: s.con('0.1.0'),\n  columnNames: s.vec(s.con('')),\n  columnOrder: s.arr([]),\n  selection: selectionSchema,\n  rows: s.arr<typeof gridRowSchema>([]),\n})\n\nexport type CrdtId = {\n  rep: number\n  seq: number\n}\n\nexport type ReplicaSelectionModel = {\n  columnSelection?: CrdtId[]\n  rowSelection?: CrdtId[]\n  columnSelectAll?: boolean\n  rowSelectAll?: boolean\n}\n\nexport interface JsonJoyMessage {\n  sequenceNumber: number\n  methodName: string\n  payload?: string\n}\n\nexport type QueryInputType =\n  | 'empty'\n  | 'sql'\n  | 'sessionId'\n  | 'recordSetId'\n  | 'unknown'\n\nexport interface QueryInput {\n  type: QueryInputType\n  input: string\n}\n\nexport type GridModel = ReturnType<typeof Model.create<typeof gridSchema>>\nexport type GridModelSnapshot = ReturnType<GridModel['api']['getSnapshot']>\n\nexport type CellChangeInfo = {\n  category: ReplicaCategory\n  tooltipText: string\n}\n\nexport interface Operation {\n  type: 'UPDATE' | 'DELETE' | 'CREATE'\n  fromRowIndex: number\n  toRowIndex: number\n}\n\n/**\n * Object that represents a single row of data in a Grid session that is compatible with react-datasheet-grid.\n * This objects acts as a \"ViewModel\" and can be translated to/from the Synapse data grid CRDT schema.\n */\nexport type DataGridRow = {\n  [key: string]:\n    | string\n    | number\n    | boolean\n    | null\n    | undefined\n    | ValidationResults\n    | Map<string, string[]>\n    | Record<string, CellChangeInfo>\n  /** The JSON Schema validation results for the row, generated by the hub */\n  __validationResults?: ValidationResults\n  /** The current status of the validation results, as computed by the client */\n  __validationStatus?: 'valid' | 'invalid' | 'pending'\n  /** The parsed validation messages for individual columns **/\n  __cellValidationResults?: Map<string, string[]>\n  /** Per-cell change attribution, keyed by column name */\n  __cellChangeInfo?: Record<string, CellChangeInfo>\n}\n"],"mappings":";;AAKsBE,EAAEG,IAAI;CAC1BC,MAAMJ,EAAEK,IAAIL,EAAEM,IAAI,EAAE,CAAC;CACrBC,UAAUP,EAAEG,IAAI;EACdK,YAAYR,EAAEG,IAAI;GAChBM,OAAOT,EAAEM,IAAI,CAAC;GACdI,eAAeV,EAAEM,IAAI,CAAC;GACtBK,MAAMX,EAAEM,IAAI,EAAE;EAChB,CAAC;EACDM,eAAeZ,EAAEM,IAAmCO,KAAAA,CAAS;CAC/D,CAAC;AACH,CAAC;AAMD,IAAMK,IAAkBlB,EAAEG,IAAgC,CAAC,CAAC,GAE/CgB,IAAanB,EAAEG,IAAI;CAC9BiB,aAAapB,EAAEM,IAAI,OAAO;CAC1Be,aAAarB,EAAEK,IAAIL,EAAEM,IAAI,EAAE,CAAC;CAC5BgB,aAAatB,EAAEuB,IAAI,CAAA,CAAE;CACrBC,WAAWN;CACXO,MAAMzB,EAAEuB,IAA0B,CAAA,CAAE;AACtC,CAAC"}

package/dist/components/DataGrid/DataGridWebSocket.d.ts

@@ -9,6 +9,7 @@ type DataGridWebSocketConstructorArgs = {
     onReplicaDisconnected?: () => void;
     onSyncStart?: () => void;
     onSyncEnd?: () => void;
+    onError?: (error: unknown) => void;
     maxPayloadSizeBytes?: number;
     socket?: WebSocket;
     model?: GridModel | null;
@@ -30,6 +31,7 @@ export declare class DataGridWebSocket {
     private onReplicaDisconnected;
     private onSyncStart;
     private onSyncEnd;
+    private onError;
     constructor(args: DataGridWebSocketConstructorArgs);
     private attachSocketHandlers;
     disconnect(): void;

package/dist/components/DataGrid/DataGridWebSocket.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataGridWebSocket.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/DataGridWebSocket.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAA;AAyC/D,KAAK,gCAAgC,GAAG;IACtC,SAAS,EAAE,MAAM,CAAA;IACjB,GAAG,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACvE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;IAC1C,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC/B,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAA;IAClC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB,CAAA;AAQD,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,MAAM,CAAW;IACzB,OAAO,CAAC,KAAK,CAAyB;IACtC,OAAO,CAAC,cAAc,CAAgB;IACtC,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,cAAc,CAAuB;IAC7C,OAAO,CAAC,mBAAmB,CAAQ;IACnC,OAAO,CAAC,kBAAkB,CAA2B;IACrD,OAAO,CAAC,eAAe,CAAwB;IAE/C,OAAO,CAAC,aAAa,CAA4B;IACjD,OAAO,CAAC,WAAW,CAAY;IAC/B,OAAO,CAAC,cAAc,CAAqD;IAC3E,OAAO,CAAC,kBAAkB,CAAY;IACtC,OAAO,CAAC,qBAAqB,CAAY;IACzC,OAAO,CAAC,WAAW,CAAY;IAC/B,OAAO,CAAC,SAAS,CAAY;gBAEjB,IAAI,EAAE,gCAAgC;IA6ClD,OAAO,CAAC,oBAAoB;IAwBrB,UAAU;IAWjB;;;OAGG;IACH,OAAO,CAAC,aAAa;IAcrB,OAAO,CAAC,aAAa;IAerB,OAAO,CAAC,cAAc;IAwBtB,OAAO,CAAC,kBAAkB;YAiBZ,qBAAqB;IAYnC,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,kBAAkB;IAkD1B,OAAO,CAAC,WAAW;IAWZ,SAAS;IAIhB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IA0B1B,OAAO,CAAC,eAAe;YAUT,sBAAsB;CAYrC"}
+{"version":3,"file":"DataGridWebSocket.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/DataGridWebSocket.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAA;AAyC/D,KAAK,gCAAgC,GAAG;IACtC,SAAS,EAAE,MAAM,CAAA;IACjB,GAAG,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACvE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;IAC1C,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC/B,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAA;IAClC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAClC,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB,CAAA;AAQD,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,MAAM,CAAW;IACzB,OAAO,CAAC,KAAK,CAAyB;IACtC,OAAO,CAAC,cAAc,CAAgB;IACtC,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,cAAc,CAAuB;IAC7C,OAAO,CAAC,mBAAmB,CAAQ;IACnC,OAAO,CAAC,kBAAkB,CAA2B;IACrD,OAAO,CAAC,eAAe,CAAwB;IAE/C,OAAO,CAAC,aAAa,CAA4B;IACjD,OAAO,CAAC,WAAW,CAAY;IAC/B,OAAO,CAAC,cAAc,CAAqD;IAC3E,OAAO,CAAC,kBAAkB,CAAY;IACtC,OAAO,CAAC,qBAAqB,CAAY;IACzC,OAAO,CAAC,WAAW,CAAY;IAC/B,OAAO,CAAC,SAAS,CAAY;IAC7B,OAAO,CAAC,OAAO,CAA0B;gBAE7B,IAAI,EAAE,gCAAgC;IA+ClD,OAAO,CAAC,oBAAoB;IAwBrB,UAAU;IAWjB;;;OAGG;IACH,OAAO,CAAC,aAAa;IAcrB,OAAO,CAAC,aAAa;IAerB,OAAO,CAAC,cAAc;IAwBtB,OAAO,CAAC,kBAAkB;YAiBZ,qBAAqB;IAYnC,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,kBAAkB;IAmD1B,OAAO,CAAC,WAAW;IAWZ,SAAS;IAIhB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IA0B1B,OAAO,CAAC,eAAe;YAUT,sBAAsB;CAYrC"}

package/dist/components/DataGrid/DataGridWebSocket.js

@@ -14,9 +14,7 @@ import f from "lodash-es/throttle";
 import { Decoder as p } from "json-joy/lib/json-crdt/codec/indexed/binary/Decoder";
 import { decode as m } from "cbor2";
 //#region src/components/DataGrid/DataGridWebSocket.ts
-var h = /* @__PURE__ */ function(e) {
-	return e.PATCH = "patch", e.SNAPSHOT = "snapshot", e.PATCHES = "patches", e;
-}(h || {}), g = 30 * 1024, _ = 250, v = class {
+var h = 30 * 1024, g = 250, _ = class {
 	socket;
 	model = null;
 	messageCounter;
@@ -32,9 +30,10 @@ var h = /* @__PURE__ */ function(e) {
 	onReplicaDisconnected;
 	onSyncStart;
 	onSyncEnd;
+	onError;
 	constructor(e) {
-		let { replicaId: t, url: n, onGridReady: r, onStatusChange: i, onModelCreate: o, onReplicaConnected: s, onReplicaDisconnected: l, onSyncStart: u, onSyncEnd: d, maxPayloadSizeBytes: p, socket: m, model: h, patchThrottleMs: v } = e;
-		this.messageCounter = new a(), this.replicaId = t, this.maxPayloadSizeBytes = p ?? g, this.socket = m ?? new WebSocket(n), this.onModelCreate = o ?? c, this.onGridReady = r ?? c, this.onStatusChange = i ?? c, this.onReplicaConnected = s ?? c, this.onReplicaDisconnected = l ?? c, this.onSyncStart = u ?? c, this.onSyncEnd = d ?? c, h && (this.model = h), this.attachSocketHandlers(), this.throttledSendPatch = f(() => this.sendPatchImmediate(), v ?? _, {
+		let { replicaId: t, url: n, onGridReady: r, onStatusChange: i, onModelCreate: o, onReplicaConnected: s, onReplicaDisconnected: l, onSyncStart: u, onSyncEnd: d, onError: p, maxPayloadSizeBytes: m, socket: _, model: v, patchThrottleMs: y } = e;
+		this.messageCounter = new a(), this.replicaId = t, this.maxPayloadSizeBytes = m ?? h, this.socket = _ ?? new WebSocket(n), this.onModelCreate = o ?? c, this.onGridReady = r ?? c, this.onStatusChange = i ?? c, this.onReplicaConnected = s ?? c, this.onReplicaDisconnected = l ?? c, this.onSyncStart = u ?? c, this.onSyncEnd = d ?? c, this.onError = p ?? c, v && (this.model = v), this.attachSocketHandlers(), this.throttledSendPatch = f(() => this.sendPatchImmediate(), y ?? g, {
 			leading: !1,
 			trailing: !0
 		});
@@ -70,13 +69,13 @@ var h = /* @__PURE__ */ function(e) {
 	handleResponse(e) {
 		let t = e.getPayload();
 		switch (t.type) {
-			case h.PATCH:
+			case "patch":
 				this.handlePatchPayload([t.body]);
 				break;
-			case h.PATCHES:
+			case "patches":
 				this.handlePatchPayload(t.body);
 				break;
-			case h.SNAPSHOT:
+			case "snapshot":
 				this.handleSnapshotPayload(t.body);
 				break;
 			default:
@@ -114,7 +113,7 @@ var h = /* @__PURE__ */ function(e) {
 				console.debug("Server ready to receive patches"), this.sendSyncMessage(this.model ? this.verboseEncoder.encode(this.model).time : void 0);
 				break;
 			case "error":
-				console.warn("Error from server:", e.getPayload());
+				console.warn("Error from server:", e.getPayload()), this.onError(e.getPayload());
 				break;
 			case "new-patch":
 				if (!this.model) {
@@ -162,6 +161,6 @@ var h = /* @__PURE__ */ function(e) {
 	}
 };
 //#endregion
-export { v as DataGridWebSocket };
+export { _ as DataGridWebSocket };
 
 //# sourceMappingURL=DataGridWebSocket.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridWebSocket.js","names":["GridModel","JsonRx","JsonRxMessage","JsonRxNotification","JsonRxRequestComplete","JsonRxResponse","JsonRxResponseComplete","MessageCounter","splitPatch","Model","CompactCodecPatch","decode","Encoder","VerboseEncoder","JsonCrdtVerboseLogicalTimestamp","noop","throttle","DebouncedFunc","Decoder","SnapshotDecoder","decodeCbor","IndexedFields","fetchWithExponentialTimeout","SynapseGridWebSocketMessagePayloadType","PATCH","SNAPSHOT","PATCHES","SynapseGridWebSocketMessagePayload","type","body","DataGridWebSocketConstructorArgs","replicaId","url","onGridReady","onStatusChange","isOpen","instance","DataGridWebSocket","onModelCreate","model","onReplicaConnected","onReplicaDisconnected","onSyncStart","onSyncEnd","maxPayloadSizeBytes","socket","WebSocket","patchThrottleMs","DEFAULT_MAX_PAYLOAD_SIZE_BYTES","DEFAULT_PATCH_THROTTLE_MS","messageCounter","verboseEncoder","throttledSendPatch","snapshotDecoder","_this","constructor","args","attachSocketHandlers","sendPatchImmediate","leading","trailing","onopen","console","debug","onmessage","event","MessageEvent","data","handleMessage","error","onclose","onerror","Event","disconnect","flush","cancel","readyState","OPEN","close","warn","sendClockSync","patchesWereSent","verbModel","encode","sendSyncMessage","time","rawMessage","message","fromJson","JSON","parse","handleResponse","handleResponseComplete","handleNotification","payload","getPayload","handlePatchPayload","handleSnapshotPayload","encodedPatch","patches","map","fromPatches","fork","applyBatch","err","snapshotUrl","decodedModel","fetchAndDecodeSnapshot","methodName","getMethodName","undefined","sendMessage","send","stringify","getJson","sendPatch","patch","api","hasOperationsToDispatch","ops","length","forEach","compactEncodedPatch","msg","getNext","clock","Promise","response","blob","buffer","arrayBuffer","decodedFromCbor","Uint8Array"],"sources":["../../../src/components/DataGrid/DataGridWebSocket.ts"],"sourcesContent":["import { GridModel } from '@/components/DataGrid/DataGridTypes'\nimport JsonRx from '@/components/DataGrid/utils/json-rx/JsonRx'\nimport JsonRxMessage from '@/components/DataGrid/utils/json-rx/JsonRxMessage'\nimport JsonRxNotification from '@/components/DataGrid/utils/json-rx/JsonRxNotification'\nimport JsonRxRequestComplete from '@/components/DataGrid/utils/json-rx/JsonRxRequestComplete'\nimport JsonRxResponse from '@/components/DataGrid/utils/json-rx/JsonRxResponse'\nimport JsonRxResponseComplete from '@/components/DataGrid/utils/json-rx/JsonRxResponseComplete'\nimport MessageCounter from '@/components/DataGrid/utils/MessageCounter'\nimport { splitPatch } from '@/components/DataGrid/utils/splitPatch'\nimport { Model } from 'json-joy/lib/json-crdt'\nimport {\n  CompactCodecPatch,\n  decode,\n} from 'json-joy/lib/json-crdt-patch/codec/compact'\nimport { Encoder as VerboseEncoder } from 'json-joy/lib/json-crdt/codec/structural/verbose/Encoder'\nimport { JsonCrdtVerboseLogicalTimestamp } from 'json-joy/lib/json-crdt/codec/structural/verbose/types'\nimport noop from 'lodash-es/noop'\nimport throttle from 'lodash-es/throttle'\nimport { type DebouncedFunc } from 'lodash-es'\nimport { Decoder as SnapshotDecoder } from 'json-joy/lib/json-crdt/codec/indexed/binary/Decoder'\nimport { decode as decodeCbor } from 'cbor2'\nimport type { IndexedFields } from 'json-joy/lib/json-crdt/codec/indexed/binary'\nimport { fetchWithExponentialTimeout } from '@sage-bionetworks/synapse-client'\n\nenum SynapseGridWebSocketMessagePayloadType {\n  PATCH = 'patch',\n  SNAPSHOT = 'snapshot',\n  PATCHES = 'patches',\n}\n\ntype SynapseGridWebSocketMessagePayload =\n  | {\n      type: SynapseGridWebSocketMessagePayloadType.PATCH\n      body: CompactCodecPatch\n    }\n  | {\n      type: SynapseGridWebSocketMessagePayloadType.PATCHES\n      body: CompactCodecPatch[]\n    }\n  | { type: SynapseGridWebSocketMessagePayloadType.SNAPSHOT; body: string }\n\ntype DataGridWebSocketConstructorArgs = {\n  replicaId: number\n  url: string\n  onGridReady?: () => void\n  onStatusChange?: (isOpen: boolean, instance: DataGridWebSocket) => void\n  onModelCreate?: (model: GridModel) => void\n  onReplicaConnected?: () => void\n  onReplicaDisconnected?: () => void\n  onSyncStart?: () => void\n  onSyncEnd?: () => void\n  maxPayloadSizeBytes?: number\n  socket?: WebSocket\n  model?: GridModel | null\n  patchThrottleMs?: number\n}\n\n// API Gateway WebSocket payload size limit is 32 KB per message\n// There is some overhead we aren't computing in our utility, namely the size of the patch header and the communication protocol itself\n// So add some buffer\nconst DEFAULT_MAX_PAYLOAD_SIZE_BYTES = 30 * 1024 // 30 KB\nconst DEFAULT_PATCH_THROTTLE_MS = 250\n\nexport class DataGridWebSocket {\n  private socket: WebSocket\n  private model: GridModel | null = null\n  private messageCounter: MessageCounter\n  private replicaId: number\n  private verboseEncoder = new VerboseEncoder()\n  private maxPayloadSizeBytes: number\n  private throttledSendPatch: DebouncedFunc<() => void>\n  private snapshotDecoder = new SnapshotDecoder()\n\n  private onModelCreate: (model: GridModel) => void\n  private onGridReady: () => void\n  private onStatusChange: (isOpen: boolean, _this: DataGridWebSocket) => void\n  private onReplicaConnected: () => void\n  private onReplicaDisconnected: () => void\n  private onSyncStart: () => void\n  private onSyncEnd: () => void\n\n  constructor(args: DataGridWebSocketConstructorArgs) {\n    const {\n      replicaId,\n      url,\n      onGridReady,\n      onStatusChange,\n      onModelCreate,\n      onReplicaConnected,\n      onReplicaDisconnected,\n      onSyncStart,\n      onSyncEnd,\n      maxPayloadSizeBytes,\n      socket,\n      model,\n      patchThrottleMs,\n    } = args\n    this.messageCounter = new MessageCounter()\n    this.replicaId = replicaId\n    this.maxPayloadSizeBytes =\n      maxPayloadSizeBytes ?? DEFAULT_MAX_PAYLOAD_SIZE_BYTES\n    this.socket = socket ?? new WebSocket(url)\n\n    // Assign callbacks, falling back to no-ops\n    this.onModelCreate = onModelCreate ?? noop\n    this.onGridReady = onGridReady ?? noop\n    this.onStatusChange = onStatusChange ?? noop\n    this.onReplicaConnected = onReplicaConnected ?? noop\n    this.onReplicaDisconnected = onReplicaDisconnected ?? noop\n    this.onSyncStart = onSyncStart ?? noop\n    this.onSyncEnd = onSyncEnd ?? noop\n\n    // Restore existing model if provided\n    if (model) {\n      this.model = model\n    }\n\n    this.attachSocketHandlers()\n\n    this.throttledSendPatch = throttle(\n      () => this.sendPatchImmediate(),\n      patchThrottleMs ?? DEFAULT_PATCH_THROTTLE_MS,\n      { leading: false, trailing: true },\n    )\n  }\n\n  private attachSocketHandlers() {\n    this.socket.onopen = () => {\n      console.debug('Connected to the WebSocket server')\n      this.onStatusChange(true, this)\n    }\n\n    this.socket.onmessage = (event: MessageEvent) => {\n      if (typeof event.data === 'string') {\n        this.handleMessage(event.data)\n      } else {\n        console.error('Received non-string message data:', event.data)\n      }\n    }\n\n    this.socket.onclose = () => {\n      console.debug('Disconnected from the WebSocket server')\n      this.onStatusChange(false, this)\n    }\n\n    this.socket.onerror = (error: Event) => {\n      console.error('WebSocket error:', error)\n    }\n  }\n\n  public disconnect() {\n    this.throttledSendPatch.flush()\n    this.throttledSendPatch.cancel()\n    if (this.socket.readyState === WebSocket.OPEN) {\n      this.socket.close()\n      console.debug('WebSocket connection closed')\n    } else {\n      console.warn('WebSocket is not open. No action taken.')\n    }\n  }\n\n  /**\n   * Flushes the local model clock and sends the resulting patch (or a clock-sync\n   * message) to the server so that both sides converge.\n   */\n  private sendClockSync() {\n    if (!this.model) {\n      console.error('Model is not initialized. Cannot sync model.')\n      return\n    }\n\n    const patchesWereSent = this.sendPatchImmediate()\n    if (!patchesWereSent) {\n      // We've flushed all of our changes, so now we can receive changes from the server\n      const verbModel = this.verboseEncoder.encode(this.model)\n      this.sendSyncMessage(verbModel.time)\n    }\n  }\n\n  private handleMessage(rawMessage: string) {\n    const message = JsonRx.fromJson(JSON.parse(rawMessage))\n    if (message instanceof JsonRxResponse) {\n      this.handleResponse(\n        message as JsonRxResponse<SynapseGridWebSocketMessagePayload>,\n      )\n    } else if (message instanceof JsonRxResponseComplete) {\n      this.handleResponseComplete()\n    } else if (message instanceof JsonRxNotification) {\n      this.handleNotification(message)\n    } else {\n      console.warn('Unexpected WebSocket message format:', message)\n    }\n  }\n\n  private handleResponse(\n    message: JsonRxResponse<SynapseGridWebSocketMessagePayload>,\n  ) {\n    const payload = message.getPayload()\n\n    switch (payload.type) {\n      case SynapseGridWebSocketMessagePayloadType.PATCH:\n        this.handlePatchPayload([payload.body])\n        break\n\n      case SynapseGridWebSocketMessagePayloadType.PATCHES:\n        void this.handlePatchPayload(payload.body)\n        break\n\n      case SynapseGridWebSocketMessagePayloadType.SNAPSHOT:\n        void this.handleSnapshotPayload(payload.body)\n        break\n\n      default:\n        console.warn('Unknown payload type:', payload)\n        break\n    }\n  }\n\n  private handlePatchPayload(encodedPatch: CompactCodecPatch[]) {\n    try {\n      const patches = encodedPatch.map(decode)\n      if (!this.model) {\n        this.model = Model.fromPatches(patches).fork(\n          this.replicaId,\n        ) as unknown as GridModel\n        this.onModelCreate(this.model)\n      } else {\n        this.model.applyBatch(patches)\n      }\n      this.sendClockSync()\n    } catch (err) {\n      console.error('Failed to apply patches or send clock:', err)\n    }\n  }\n\n  private async handleSnapshotPayload(snapshotUrl: string) {\n    console.debug('Received snapshot URL from server:', snapshotUrl)\n    try {\n      const decodedModel = await this.fetchAndDecodeSnapshot(snapshotUrl)\n      this.model = decodedModel.fork(this.replicaId) as unknown as GridModel\n      this.onModelCreate(this.model)\n      this.sendClockSync()\n    } catch (err) {\n      console.error('Failed to fetch or decode snapshot', err)\n    }\n  }\n\n  private handleResponseComplete() {\n    // Clocks are in sync, no further action needed\n    this.onGridReady()\n    this.onSyncEnd()\n    console.debug(\n      'Clocks synchronized with server. Incrementing sequence number.',\n    )\n  }\n\n  private handleNotification(message: JsonRxNotification) {\n    const methodName = message.getMethodName()\n    console.debug('Notification received from server:', methodName)\n\n    switch (methodName) {\n      case 'ping':\n        console.debug('Received ping from server')\n        break\n\n      case 'connected':\n        console.debug('Server ready to receive patches')\n        this.sendSyncMessage(\n          this.model ? this.verboseEncoder.encode(this.model).time : undefined,\n        )\n        break\n\n      case 'error':\n        console.warn('Error from server:', message.getPayload())\n        break\n\n      case 'new-patch':\n        if (!this.model) {\n          console.warn(\n            \"Model is not initialized. Cannot handle 'new-patch' message.\",\n          )\n          break\n        }\n        {\n          const verbModel = this.verboseEncoder.encode(this.model)\n          console.debug('New patch received, syncing data:', verbModel.time)\n          this.sendSyncMessage(verbModel.time)\n        }\n        break\n\n      case 'replica-connected':\n        console.debug('A replica connected to the grid session')\n        this.onReplicaConnected()\n        break\n\n      case 'replica-disconnected':\n        console.debug('A replica disconnected from the grid session')\n        this.onReplicaDisconnected()\n        break\n\n      default:\n        console.warn('Unknown notification method:', methodName)\n        break\n    }\n  }\n\n  private sendMessage(message: JsonRxMessage) {\n    if (this.socket.readyState === WebSocket.OPEN) {\n      this.socket.send(JSON.stringify(message.getJson()))\n    } else {\n      console.error(\n        'WebSocket is not open. Unable to send message. Current state:',\n        this.socket.readyState,\n      )\n    }\n  }\n\n  public sendPatch() {\n    this.throttledSendPatch()\n  }\n\n  /**\n   * @returns true if one or more patches were sent\n   */\n  private sendPatchImmediate(): boolean {\n    if (!this.model) {\n      console.warn('Model is not initialized. Cannot send patch.')\n      return false\n    }\n\n    const patch = this.model.api.flush()\n    const hasOperationsToDispatch = patch.ops.length > 0\n\n    if (hasOperationsToDispatch) {\n      // Split the patch if it exceeds the maximum size we can send in a single frame\n      const patches = splitPatch(patch, this.maxPayloadSizeBytes)\n      patches.forEach(compactEncodedPatch => {\n        console.debug('Sending patch to server:', compactEncodedPatch)\n        const msg = new JsonRxRequestComplete(\n          this.messageCounter.getNext(),\n          'patch',\n          compactEncodedPatch,\n        )\n        this.sendMessage(msg)\n      })\n    }\n\n    return hasOperationsToDispatch\n  }\n\n  private sendSyncMessage(clock?: number | JsonCrdtVerboseLogicalTimestamp[]) {\n    const message = new JsonRxRequestComplete(\n      this.messageCounter.getNext(),\n      'synchronize-clock',\n      clock ?? [],\n    )\n    this.onSyncStart()\n    this.sendMessage(message)\n  }\n\n  private async fetchAndDecodeSnapshot(\n    snapshotUrl: string,\n  ): Promise<GridModel> {\n    const response = await fetchWithExponentialTimeout(snapshotUrl)\n    const blob = await response.blob()\n    const buffer = await blob.arrayBuffer()\n    const decodedFromCbor = decodeCbor(new Uint8Array(buffer))\n    const decodedModel = this.snapshotDecoder.decode(\n      decodedFromCbor as IndexedFields,\n    ) as unknown as GridModel\n    return decodedModel\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAwBA,IAAKuB,IAAL,yBAAA,GAAA;QACEC,EAAAA,QAAQ,SACRC,EAAAA,WAAW,YACXC,EAAAA,UAAU;EAHPH,KAAAA,EAAAA,CAIL,EAgCMyB,IAAiC,KAAK,MACtCC,IAA4B,KAErBZ,IAAb,MAA+B;CAC7B;CACA,QAAkC;CAClC;CACA;CACA,iBAAyB,IAAIxB,GAAgB;CAC7C;CACA;CACA,kBAA0B,IAAIM,GAAiB;CAE/C;CACA;CACA;CACA;CACA;CACA;CACA;CAEAoC,YAAYC,GAAwC;EAClD,IAAM,EACJzB,cACAC,QACAC,gBACAC,mBACAI,kBACAE,uBACAC,0BACAC,gBACAC,cACAC,wBACAC,WACAN,UACAQ,uBACES;AAuBJ,EAtBA,KAAKN,iBAAiB,IAAI3C,GAAgB,EAC1C,KAAKwB,YAAYA,GACjB,KAAKa,sBACHA,KAAuBI,GACzB,KAAKH,SAASA,KAAU,IAAIC,UAAUd,EAAI,EAG1C,KAAKM,gBAAgBA,KAAiBvB,GACtC,KAAKkB,cAAcA,KAAelB,GAClC,KAAKmB,iBAAiBA,KAAkBnB,GACxC,KAAKyB,qBAAqBA,KAAsBzB,GAChD,KAAK0B,wBAAwBA,KAAyB1B,GACtD,KAAK2B,cAAcA,KAAe3B,GAClC,KAAK4B,YAAYA,KAAa5B,GAG1BwB,MACF,KAAKA,QAAQA,IAGf,KAAKkB,sBAAsB,EAE3B,KAAKL,qBAAqBpC,QAClB,KAAK0C,oBAAoB,EAC/BX,KAAmBE,GACnB;GAAEU,SAAS;GAAOC,UAAU;GAC9B,CAAC;;CAGH,uBAA+B;AAmB7B,EAlBA,KAAKf,OAAOgB,eAAe;AAEzB,GADAC,QAAQC,MAAM,oCAAoC,EAClD,KAAK7B,eAAe,IAAM,KAAK;KAGjC,KAAKW,OAAOmB,aAAaC,MAAwB;AAC/C,GAAI,OAAOA,EAAME,QAAS,WACxB,KAAKC,cAAcH,EAAME,KAAK,GAE9BL,QAAQO,MAAM,qCAAqCJ,EAAME,KAAK;KAIlE,KAAKtB,OAAOyB,gBAAgB;AAE1B,GADAR,QAAQC,MAAM,yCAAyC,EACvD,KAAK7B,eAAe,IAAO,KAAK;KAGlC,KAAKW,OAAO0B,WAAWF,MAAiB;AACtCP,WAAQO,MAAM,oBAAoBA,EAAM;;;CAI5C,aAAoB;AAGlB,EAFA,KAAKjB,mBAAmBsB,OAAO,EAC/B,KAAKtB,mBAAmBuB,QAAQ,EAC5B,KAAK9B,OAAO+B,eAAe9B,UAAU+B,QACvC,KAAKhC,OAAOiC,OAAO,EACnBhB,QAAQC,MAAM,8BAA8B,IAE5CD,QAAQiB,KAAK,0CAA0C;;CAQ3D,gBAAwB;AACtB,MAAI,CAAC,KAAKxC,OAAO;AACfuB,WAAQO,MAAM,+CAA+C;AAC7D;;AAIF,MAAI,CADoB,KAAKX,oBACxBuB,EAAiB;GAEpB,IAAMC,IAAY,KAAK/B,eAAegC,OAAO,KAAK5C,MAAM;AACxD,QAAK6C,gBAAgBF,EAAUG,KAAK;;;CAIxC,cAAsBC,GAAoB;EACxC,IAAMC,IAAUtF,EAAOuF,SAASC,KAAKC,MAAMJ,EAAW,CAAC;AACvD,EAAIC,aAAmBlF,IACrB,KAAKsF,eACHJ,EACD,GACQA,aAAmBjF,IAC5B,KAAKsF,wBAAwB,GACpBL,aAAmBpF,IAC5B,KAAK0F,mBAAmBN,EAAQ,GAEhCzB,QAAQiB,KAAK,wCAAwCQ,EAAQ;;CAIjE,eACEA,GACA;EACA,IAAMO,IAAUP,EAAQQ,YAAY;AAEpC,UAAQD,EAAQlE,MAAhB;GACE,KAAKL,EAAuCC;AAC1C,SAAKwE,mBAAmB,CAACF,EAAQjE,KAAK,CAAC;AACvC;GAEF,KAAKN,EAAuCG;AACrC,SAAKsE,mBAAmBF,EAAQjE,KAAK;AAC1C;GAEF,KAAKN,EAAuCE;AACrC,SAAKwE,sBAAsBH,EAAQjE,KAAK;AAC7C;GAEF;AACEiC,YAAQiB,KAAK,yBAAyBe,EAAQ;AAC9C;;;CAIN,mBAA2BI,GAAmC;AAC5D,MAAI;GACF,IAAMC,IAAUD,EAAaE,IAAIzF,EAAO;AASxC,GARK,KAAK4B,QAMR,KAAKA,MAAMgE,WAAWJ,EAAQ,IAL9B,KAAK5D,QAAQ9B,EAAM4F,YAAYF,EAAQ,CAACG,KACtC,KAAKvE,UACN,EACD,KAAKO,cAAc,KAAKC,MAAM,GAIhC,KAAKyC,eAAe;WACbwB,GAAK;AACZ1C,WAAQO,MAAM,0CAA0CmC,EAAI;;;CAIhE,MAAcP,sBAAsBQ,GAAqB;AACvD3C,UAAQC,MAAM,sCAAsC0C,EAAY;AAChE,MAAI;GACF,IAAMC,IAAe,MAAM,KAAKC,uBAAuBF,EAAY;AAGnE,GAFA,KAAKlE,QAAQmE,EAAaJ,KAAK,KAAKvE,UAAU,EAC9C,KAAKO,cAAc,KAAKC,MAAM,EAC9B,KAAKyC,eAAe;WACbwB,GAAK;AACZ1C,WAAQO,MAAM,sCAAsCmC,EAAI;;;CAI5D,yBAAiC;AAI/B1C,EAFA,KAAK7B,aAAa,EAClB,KAAKU,WAAW,EAChBmB,QAAQC,MACN,iEACD;;CAGH,mBAA2BwB,GAA6B;EACtD,IAAMqB,IAAarB,EAAQsB,eAAe;AAG1C,UAFA/C,QAAQC,MAAM,sCAAsC6C,EAAW,EAEvDA,GAAR;GACE,KAAK;AACH9C,YAAQC,MAAM,4BAA4B;AAC1C;GAEF,KAAK;AAEH,IADAD,QAAQC,MAAM,kCAAkC,EAChD,KAAKqB,gBACH,KAAK7C,QAAQ,KAAKY,eAAegC,OAAO,KAAK5C,MAAM,CAAC8C,OAAOyB,KAAAA,EAC5D;AACD;GAEF,KAAK;AACHhD,YAAQiB,KAAK,sBAAsBQ,EAAQQ,YAAY,CAAC;AACxD;GAEF,KAAK;AACH,QAAI,CAAC,KAAKxD,OAAO;AACfuB,aAAQiB,KACN,+DACD;AACD;;IAEF;KACE,IAAMG,IAAY,KAAK/B,eAAegC,OAAO,KAAK5C,MAAM;AAExD,KADAuB,QAAQC,MAAM,qCAAqCmB,EAAUG,KAAK,EAClE,KAAKD,gBAAgBF,EAAUG,KAAK;;AAEtC;GAEF,KAAK;AAEH,IADAvB,QAAQC,MAAM,0CAA0C,EACxD,KAAKvB,oBAAoB;AACzB;GAEF,KAAK;AAEH,IADAsB,QAAQC,MAAM,+CAA+C,EAC7D,KAAKtB,uBAAuB;AAC5B;GAEF;AACEqB,YAAQiB,KAAK,gCAAgC6B,EAAW;AACxD;;;CAIN,YAAoBrB,GAAwB;AAC1C,EAAI,KAAK1C,OAAO+B,eAAe9B,UAAU+B,OACvC,KAAKhC,OAAOmE,KAAKvB,KAAKwB,UAAU1B,EAAQ2B,SAAS,CAAC,CAAC,GAEnDpD,QAAQO,MACN,iEACA,KAAKxB,OAAO+B,WACb;;CAIL,YAAmB;AACjB,OAAKxB,oBAAoB;;CAM3B,qBAAsC;AACpC,MAAI,CAAC,KAAKb,MAER,QADAuB,QAAQiB,KAAK,+CAA+C,EACrD;EAGT,IAAMqC,IAAQ,KAAK7E,MAAM8E,IAAI3C,OAAO,EAC9B4C,IAA0BF,EAAMG,IAAIC,SAAS;AAgBnD,SAdIF,KAEc9G,EAAW4G,GAAO,KAAKxE,oBACvCuD,CAAQsB,SAAQC,MAAuB;AACrC5D,WAAQC,MAAM,4BAA4B2D,EAAoB;GAC9D,IAAMC,IAAM,IAAIvH,EACd,KAAK8C,eAAe0E,SAAS,EAC7B,SACAF,EACD;AACD,QAAKX,YAAYY,EAAI;IACrB,EAGGL;;CAGT,gBAAwBO,GAAoD;EAC1E,IAAMtC,IAAU,IAAInF,EAClB,KAAK8C,eAAe0E,SAAS,EAC7B,qBACAC,KAAS,EACX,CAAC;AAED,EADA,KAAKnF,aAAa,EAClB,KAAKqE,YAAYxB,EAAQ;;CAG3B,MAAcoB,uBACZF,GACoB;EAGpB,IAAMwB,IAAS,OAAMD,OADFD,MADIzG,EAA4BmF,EAAY,EACnCuB,MAAM,EACRE,aAAa,EACjCC,IAAkB/G,EAAW,IAAIgH,WAAWH,EAAO,CAAC;AAI1D,SAHqB,KAAK5E,gBAAgB1C,OACxCwH,EAEKzB"}
+{"version":3,"file":"DataGridWebSocket.js","names":["GridModel","JsonRx","JsonRxMessage","JsonRxNotification","JsonRxRequestComplete","JsonRxResponse","JsonRxResponseComplete","MessageCounter","splitPatch","Model","CompactCodecPatch","decode","Encoder","VerboseEncoder","JsonCrdtVerboseLogicalTimestamp","noop","throttle","DebouncedFunc","Decoder","SnapshotDecoder","decodeCbor","IndexedFields","fetchWithExponentialTimeout","SynapseGridWebSocketMessagePayloadType","PATCH","SNAPSHOT","PATCHES","SynapseGridWebSocketMessagePayload","type","body","DataGridWebSocketConstructorArgs","replicaId","url","onGridReady","onStatusChange","isOpen","instance","DataGridWebSocket","onModelCreate","model","onReplicaConnected","onReplicaDisconnected","onSyncStart","onSyncEnd","onError","error","maxPayloadSizeBytes","socket","WebSocket","patchThrottleMs","DEFAULT_MAX_PAYLOAD_SIZE_BYTES","DEFAULT_PATCH_THROTTLE_MS","messageCounter","verboseEncoder","throttledSendPatch","snapshotDecoder","_this","constructor","args","attachSocketHandlers","sendPatchImmediate","leading","trailing","onopen","console","debug","onmessage","event","MessageEvent","data","handleMessage","onclose","onerror","Event","disconnect","flush","cancel","readyState","OPEN","close","warn","sendClockSync","patchesWereSent","verbModel","encode","sendSyncMessage","time","rawMessage","message","fromJson","JSON","parse","handleResponse","handleResponseComplete","handleNotification","payload","getPayload","handlePatchPayload","handleSnapshotPayload","encodedPatch","patches","map","fromPatches","fork","applyBatch","err","snapshotUrl","decodedModel","fetchAndDecodeSnapshot","methodName","getMethodName","undefined","sendMessage","send","stringify","getJson","sendPatch","patch","api","hasOperationsToDispatch","ops","length","forEach","compactEncodedPatch","msg","getNext","clock","Promise","response","blob","buffer","arrayBuffer","decodedFromCbor","Uint8Array"],"sources":["../../../src/components/DataGrid/DataGridWebSocket.ts"],"sourcesContent":["import { GridModel } from '@/components/DataGrid/DataGridTypes'\nimport JsonRx from '@/components/DataGrid/utils/json-rx/JsonRx'\nimport JsonRxMessage from '@/components/DataGrid/utils/json-rx/JsonRxMessage'\nimport JsonRxNotification from '@/components/DataGrid/utils/json-rx/JsonRxNotification'\nimport JsonRxRequestComplete from '@/components/DataGrid/utils/json-rx/JsonRxRequestComplete'\nimport JsonRxResponse from '@/components/DataGrid/utils/json-rx/JsonRxResponse'\nimport JsonRxResponseComplete from '@/components/DataGrid/utils/json-rx/JsonRxResponseComplete'\nimport MessageCounter from '@/components/DataGrid/utils/MessageCounter'\nimport { splitPatch } from '@/components/DataGrid/utils/splitPatch'\nimport { Model } from 'json-joy/lib/json-crdt'\nimport {\n  CompactCodecPatch,\n  decode,\n} from 'json-joy/lib/json-crdt-patch/codec/compact'\nimport { Encoder as VerboseEncoder } from 'json-joy/lib/json-crdt/codec/structural/verbose/Encoder'\nimport { JsonCrdtVerboseLogicalTimestamp } from 'json-joy/lib/json-crdt/codec/structural/verbose/types'\nimport noop from 'lodash-es/noop'\nimport throttle from 'lodash-es/throttle'\nimport { type DebouncedFunc } from 'lodash-es'\nimport { Decoder as SnapshotDecoder } from 'json-joy/lib/json-crdt/codec/indexed/binary/Decoder'\nimport { decode as decodeCbor } from 'cbor2'\nimport type { IndexedFields } from 'json-joy/lib/json-crdt/codec/indexed/binary'\nimport { fetchWithExponentialTimeout } from '@sage-bionetworks/synapse-client'\n\nenum SynapseGridWebSocketMessagePayloadType {\n  PATCH = 'patch',\n  SNAPSHOT = 'snapshot',\n  PATCHES = 'patches',\n}\n\ntype SynapseGridWebSocketMessagePayload =\n  | {\n      type: SynapseGridWebSocketMessagePayloadType.PATCH\n      body: CompactCodecPatch\n    }\n  | {\n      type: SynapseGridWebSocketMessagePayloadType.PATCHES\n      body: CompactCodecPatch[]\n    }\n  | { type: SynapseGridWebSocketMessagePayloadType.SNAPSHOT; body: string }\n\ntype DataGridWebSocketConstructorArgs = {\n  replicaId: number\n  url: string\n  onGridReady?: () => void\n  onStatusChange?: (isOpen: boolean, instance: DataGridWebSocket) => void\n  onModelCreate?: (model: GridModel) => void\n  onReplicaConnected?: () => void\n  onReplicaDisconnected?: () => void\n  onSyncStart?: () => void\n  onSyncEnd?: () => void\n  onError?: (error: unknown) => void\n  maxPayloadSizeBytes?: number\n  socket?: WebSocket\n  model?: GridModel | null\n  patchThrottleMs?: number\n}\n\n// API Gateway WebSocket payload size limit is 32 KB per message\n// There is some overhead we aren't computing in our utility, namely the size of the patch header and the communication protocol itself\n// So add some buffer\nconst DEFAULT_MAX_PAYLOAD_SIZE_BYTES = 30 * 1024 // 30 KB\nconst DEFAULT_PATCH_THROTTLE_MS = 250\n\nexport class DataGridWebSocket {\n  private socket: WebSocket\n  private model: GridModel | null = null\n  private messageCounter: MessageCounter\n  private replicaId: number\n  private verboseEncoder = new VerboseEncoder()\n  private maxPayloadSizeBytes: number\n  private throttledSendPatch: DebouncedFunc<() => void>\n  private snapshotDecoder = new SnapshotDecoder()\n\n  private onModelCreate: (model: GridModel) => void\n  private onGridReady: () => void\n  private onStatusChange: (isOpen: boolean, _this: DataGridWebSocket) => void\n  private onReplicaConnected: () => void\n  private onReplicaDisconnected: () => void\n  private onSyncStart: () => void\n  private onSyncEnd: () => void\n  private onError: (error: unknown) => void\n\n  constructor(args: DataGridWebSocketConstructorArgs) {\n    const {\n      replicaId,\n      url,\n      onGridReady,\n      onStatusChange,\n      onModelCreate,\n      onReplicaConnected,\n      onReplicaDisconnected,\n      onSyncStart,\n      onSyncEnd,\n      onError,\n      maxPayloadSizeBytes,\n      socket,\n      model,\n      patchThrottleMs,\n    } = args\n    this.messageCounter = new MessageCounter()\n    this.replicaId = replicaId\n    this.maxPayloadSizeBytes =\n      maxPayloadSizeBytes ?? DEFAULT_MAX_PAYLOAD_SIZE_BYTES\n    this.socket = socket ?? new WebSocket(url)\n\n    // Assign callbacks, falling back to no-ops\n    this.onModelCreate = onModelCreate ?? noop\n    this.onGridReady = onGridReady ?? noop\n    this.onStatusChange = onStatusChange ?? noop\n    this.onReplicaConnected = onReplicaConnected ?? noop\n    this.onReplicaDisconnected = onReplicaDisconnected ?? noop\n    this.onSyncStart = onSyncStart ?? noop\n    this.onSyncEnd = onSyncEnd ?? noop\n    this.onError = onError ?? noop\n\n    // Restore existing model if provided\n    if (model) {\n      this.model = model\n    }\n\n    this.attachSocketHandlers()\n\n    this.throttledSendPatch = throttle(\n      () => this.sendPatchImmediate(),\n      patchThrottleMs ?? DEFAULT_PATCH_THROTTLE_MS,\n      { leading: false, trailing: true },\n    )\n  }\n\n  private attachSocketHandlers() {\n    this.socket.onopen = () => {\n      console.debug('Connected to the WebSocket server')\n      this.onStatusChange(true, this)\n    }\n\n    this.socket.onmessage = (event: MessageEvent) => {\n      if (typeof event.data === 'string') {\n        this.handleMessage(event.data)\n      } else {\n        console.error('Received non-string message data:', event.data)\n      }\n    }\n\n    this.socket.onclose = () => {\n      console.debug('Disconnected from the WebSocket server')\n      this.onStatusChange(false, this)\n    }\n\n    this.socket.onerror = (error: Event) => {\n      console.error('WebSocket error:', error)\n    }\n  }\n\n  public disconnect() {\n    this.throttledSendPatch.flush()\n    this.throttledSendPatch.cancel()\n    if (this.socket.readyState === WebSocket.OPEN) {\n      this.socket.close()\n      console.debug('WebSocket connection closed')\n    } else {\n      console.warn('WebSocket is not open. No action taken.')\n    }\n  }\n\n  /**\n   * Flushes the local model clock and sends the resulting patch (or a clock-sync\n   * message) to the server so that both sides converge.\n   */\n  private sendClockSync() {\n    if (!this.model) {\n      console.error('Model is not initialized. Cannot sync model.')\n      return\n    }\n\n    const patchesWereSent = this.sendPatchImmediate()\n    if (!patchesWereSent) {\n      // We've flushed all of our changes, so now we can receive changes from the server\n      const verbModel = this.verboseEncoder.encode(this.model)\n      this.sendSyncMessage(verbModel.time)\n    }\n  }\n\n  private handleMessage(rawMessage: string) {\n    const message = JsonRx.fromJson(JSON.parse(rawMessage))\n    if (message instanceof JsonRxResponse) {\n      this.handleResponse(\n        message as JsonRxResponse<SynapseGridWebSocketMessagePayload>,\n      )\n    } else if (message instanceof JsonRxResponseComplete) {\n      this.handleResponseComplete()\n    } else if (message instanceof JsonRxNotification) {\n      this.handleNotification(message)\n    } else {\n      console.warn('Unexpected WebSocket message format:', message)\n    }\n  }\n\n  private handleResponse(\n    message: JsonRxResponse<SynapseGridWebSocketMessagePayload>,\n  ) {\n    const payload = message.getPayload()\n\n    switch (payload.type) {\n      case SynapseGridWebSocketMessagePayloadType.PATCH:\n        this.handlePatchPayload([payload.body])\n        break\n\n      case SynapseGridWebSocketMessagePayloadType.PATCHES:\n        void this.handlePatchPayload(payload.body)\n        break\n\n      case SynapseGridWebSocketMessagePayloadType.SNAPSHOT:\n        void this.handleSnapshotPayload(payload.body)\n        break\n\n      default:\n        console.warn('Unknown payload type:', payload)\n        break\n    }\n  }\n\n  private handlePatchPayload(encodedPatch: CompactCodecPatch[]) {\n    try {\n      const patches = encodedPatch.map(decode)\n      if (!this.model) {\n        this.model = Model.fromPatches(patches).fork(\n          this.replicaId,\n        ) as unknown as GridModel\n        this.onModelCreate(this.model)\n      } else {\n        this.model.applyBatch(patches)\n      }\n      this.sendClockSync()\n    } catch (err) {\n      console.error('Failed to apply patches or send clock:', err)\n    }\n  }\n\n  private async handleSnapshotPayload(snapshotUrl: string) {\n    console.debug('Received snapshot URL from server:', snapshotUrl)\n    try {\n      const decodedModel = await this.fetchAndDecodeSnapshot(snapshotUrl)\n      this.model = decodedModel.fork(this.replicaId) as unknown as GridModel\n      this.onModelCreate(this.model)\n      this.sendClockSync()\n    } catch (err) {\n      console.error('Failed to fetch or decode snapshot', err)\n    }\n  }\n\n  private handleResponseComplete() {\n    // Clocks are in sync, no further action needed\n    this.onGridReady()\n    this.onSyncEnd()\n    console.debug(\n      'Clocks synchronized with server. Incrementing sequence number.',\n    )\n  }\n\n  private handleNotification(message: JsonRxNotification) {\n    const methodName = message.getMethodName()\n    console.debug('Notification received from server:', methodName)\n\n    switch (methodName) {\n      case 'ping':\n        console.debug('Received ping from server')\n        break\n\n      case 'connected':\n        console.debug('Server ready to receive patches')\n        this.sendSyncMessage(\n          this.model ? this.verboseEncoder.encode(this.model).time : undefined,\n        )\n        break\n\n      case 'error':\n        console.warn('Error from server:', message.getPayload())\n        this.onError(message.getPayload())\n        break\n\n      case 'new-patch':\n        if (!this.model) {\n          console.warn(\n            \"Model is not initialized. Cannot handle 'new-patch' message.\",\n          )\n          break\n        }\n        {\n          const verbModel = this.verboseEncoder.encode(this.model)\n          console.debug('New patch received, syncing data:', verbModel.time)\n          this.sendSyncMessage(verbModel.time)\n        }\n        break\n\n      case 'replica-connected':\n        console.debug('A replica connected to the grid session')\n        this.onReplicaConnected()\n        break\n\n      case 'replica-disconnected':\n        console.debug('A replica disconnected from the grid session')\n        this.onReplicaDisconnected()\n        break\n\n      default:\n        console.warn('Unknown notification method:', methodName)\n        break\n    }\n  }\n\n  private sendMessage(message: JsonRxMessage) {\n    if (this.socket.readyState === WebSocket.OPEN) {\n      this.socket.send(JSON.stringify(message.getJson()))\n    } else {\n      console.error(\n        'WebSocket is not open. Unable to send message. Current state:',\n        this.socket.readyState,\n      )\n    }\n  }\n\n  public sendPatch() {\n    this.throttledSendPatch()\n  }\n\n  /**\n   * @returns true if one or more patches were sent\n   */\n  private sendPatchImmediate(): boolean {\n    if (!this.model) {\n      console.warn('Model is not initialized. Cannot send patch.')\n      return false\n    }\n\n    const patch = this.model.api.flush()\n    const hasOperationsToDispatch = patch.ops.length > 0\n\n    if (hasOperationsToDispatch) {\n      // Split the patch if it exceeds the maximum size we can send in a single frame\n      const patches = splitPatch(patch, this.maxPayloadSizeBytes)\n      patches.forEach(compactEncodedPatch => {\n        console.debug('Sending patch to server:', compactEncodedPatch)\n        const msg = new JsonRxRequestComplete(\n          this.messageCounter.getNext(),\n          'patch',\n          compactEncodedPatch,\n        )\n        this.sendMessage(msg)\n      })\n    }\n\n    return hasOperationsToDispatch\n  }\n\n  private sendSyncMessage(clock?: number | JsonCrdtVerboseLogicalTimestamp[]) {\n    const message = new JsonRxRequestComplete(\n      this.messageCounter.getNext(),\n      'synchronize-clock',\n      clock ?? [],\n    )\n    this.onSyncStart()\n    this.sendMessage(message)\n  }\n\n  private async fetchAndDecodeSnapshot(\n    snapshotUrl: string,\n  ): Promise<GridModel> {\n    const response = await fetchWithExponentialTimeout(snapshotUrl)\n    const blob = await response.blob()\n    const buffer = await blob.arrayBuffer()\n    const decodedFromCbor = decodeCbor(new Uint8Array(buffer))\n    const decodedModel = this.snapshotDecoder.decode(\n      decodedFromCbor as IndexedFields,\n    ) as unknown as GridModel\n    return decodedModel\n  }\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"MergeGridWithSourceTableButton.js","names":["GridMenuButton","useMergeGridWithSource","displayToast","useGetEntity","convertToEntityType","EntityType","EntityUpdateResults","instanceOfEntityUpdateResults","instanceOfUploadToTableResult","SynchronizeGridResponse","TableUpdateTransactionResponse","MergeGridWithSourceTableButtonProps","sourceEntityId","gridSessionId","sourceEntityType","MergeGridWithSourceTableButton","props","$","_c","data","entity","isLoading","entityLoading","t0","concreteType","undefined","t1","Symbol","for","onSuccess","_temp","onError","_temp2","mutate","mergeGrid","isPending","buttonText","t2","t3","e","message","result","type","onSynchronizeSuccess","onMergeTableSuccess","errorMessages","length","map","msg","index","title","results","updateResult","failureMessages","getEntityUpdateResultsErrorMessages","join","rowsUpdatedStr","rowsProcessed","toLocaleString","updateResults","filter","failureCode","r","entityId","failureMessage"],"sources":["../../../src/components/DataGrid/MergeGridWithSourceTableButton.tsx"],"sourcesContent":["import GridMenuButton from '@/components/DataGrid/components/GridMenuButton/GridMenuButton'\nimport useMergeGridWithSource from '@/components/DataGrid/useMergeGridWithSource'\nimport { displayToast } from '@/components/index'\nimport { useGetEntity } from '@/synapse-queries'\nimport { convertToEntityType } from '@/utils/functions/EntityTypeUtils'\nimport {\n  EntityType,\n  EntityUpdateResults,\n  instanceOfEntityUpdateResults,\n  instanceOfUploadToTableResult,\n  SynchronizeGridResponse,\n  TableUpdateTransactionResponse,\n} from '@sage-bionetworks/synapse-client'\n\nexport type MergeGridWithSourceTableButtonProps = {\n  sourceEntityId: string\n  gridSessionId: string\n  sourceEntityType?: EntityType\n}\n\nexport default function MergeGridWithSourceTableButton(\n  props: MergeGridWithSourceTableButtonProps,\n) {\n  const { sourceEntityId, gridSessionId } = props\n\n  const { data: entity, isLoading: entityLoading } =\n    useGetEntity(sourceEntityId)\n\n  const sourceEntityType = entity?.concreteType\n    ? convertToEntityType(entity.concreteType)\n    : undefined\n\n  const { mutate: mergeGrid, isPending } = useMergeGridWithSource({\n    onSuccess: result => {\n      if (result.type === 'entityview') {\n        onSynchronizeSuccess(result.data)\n      } else if (result.type === 'table') {\n        onMergeTableSuccess(result.data)\n      } else {\n        displayToast('Successfully updated RecordSet.', 'success')\n      }\n    },\n    onError: e => displayToast(e.message, 'danger'),\n  })\n\n  const buttonText =\n    sourceEntityType === 'entityview' ? 'Sync changes' : 'Apply changes'\n\n  return (\n    <GridMenuButton\n      loading={isPending}\n      disabled={entityLoading}\n      onClick={() => {\n        mergeGrid({ gridSessionId, sourceEntityId, sourceEntityType })\n      }}\n      variant=\"contained\"\n    >\n      {buttonText}\n    </GridMenuButton>\n  )\n}\n\nfunction onSynchronizeSuccess(result: SynchronizeGridResponse) {\n  if (result.errorMessages == null || result.errorMessages.length === 0) {\n    displayToast('Successfully synchronized metadata.', 'success')\n  } else {\n    displayToast(\n      <ul>\n        {result.errorMessages.map((msg, index) => (\n          <li key={index}>{msg}</li>\n        ))}\n      </ul>,\n      'warning',\n      { title: 'Some changes could not be applied' },\n    )\n  }\n}\n\nfunction onMergeTableSuccess(result: TableUpdateTransactionResponse) {\n  if (result.results?.length) {\n    // There should only be one result since the CSV upload is done in one step\n    const updateResult = result.results[0]\n    if (instanceOfEntityUpdateResults(updateResult)) {\n      // This is an update to the contents of a View\n      const failureMessages =\n        getEntityUpdateResultsErrorMessages(updateResult).join('\\n')\n\n      if (failureMessages) {\n        displayToast(\n          `Some changes could not be applied:\\n${failureMessages}`,\n          'danger',\n        )\n      } else {\n        displayToast('Changes applied successfully', 'success')\n      }\n    } else if (instanceOfUploadToTableResult(updateResult)) {\n      // This is an update to a TableEntity\n      const rowsUpdatedStr = updateResult.rowsProcessed?.toLocaleString()\n      displayToast(`Successfully updated ${rowsUpdatedStr} rows.`, 'success')\n    }\n  }\n}\n\nfunction getEntityUpdateResultsErrorMessages(\n  results: EntityUpdateResults,\n): string[] {\n  return (\n    results.updateResults\n      ?.filter(e => !!e.failureCode)\n      .map(\n        r => `${r.entityId}: ${r.failureMessage} (code: ${r.failureCode})`,\n      ) ?? []\n  )\n}\n"],"mappings":";;;;;;;;;;;AAoBA,SAAee,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAGb,EAAAN,mBAAAC,qBAA0CG,GAE1C,EAAAG,MAAAC,GAAAC,WAAAC,MACEnB,EAAaS,EAAe,EAAAW;AAAA,CAAAN,EAAA,OAAAG,IAIjBG,IAAAN,EAAA,MAFYM,IAAAH,GAAMI,eAC3BpB,EAAoBgB,EAAMI,aACjB,GAFYC,KAAAA,GAEZR,EAAA,KAAAG,GAAAH,EAAA,KAAAM;CAFb,IAAAT,IAAyBS,GAEZG;AAAA,CAAAT,EAAA,OAAAU,OAAAC,IAAA,4BAAA,IAEmDF,IAAA;EAAAG,WACnDC;EAQVC,SACQC;EACV,EAAAf,EAAA,KAAAS,KAAAA,IAAAT,EAAA;CAXD,IAAA,EAAAgB,QAAAC,GAAAC,iBAAyClC,EAAuByB,EAW9D,EAEFU,IACEtB,MAAqB,eAArB,iBAAA,iBAAoEuB;AAAA,CAAApB,EAAA,OAAAJ,KAAAI,EAAA,OAAAiB,KAAAjB,EAAA,OAAAL,KAAAK,EAAA,OAAAH,KAMzDuB,UAAA;AACPH,IAAU;GAAArB;GAAAD;GAAAE;GAAmD,CAAC;IAC/DG,EAAA,KAAAJ,GAAAI,EAAA,KAAAiB,GAAAjB,EAAA,KAAAL,GAAAK,EAAA,KAAAH,GAAAG,EAAA,KAAAoB,KAAAA,IAAApB,EAAA;CAAA,IAAAqB;AAIc,QAJdrB,EAAA,OAAAmB,KAAAnB,EAAA,OAAAK,KAAAL,EAAA,QAAAkB,KAAAlB,EAAA,QAAAoB,KALHC,IAAA,kBAAC,GAAD;EACWH,SAAAA;EACCb,UAAAA;EACD,SAAAe;EAGD,SAAA;YAEPD;EACc,CAAA,EAAAnB,EAAA,KAAAmB,GAAAnB,EAAA,KAAAK,GAAAL,EAAA,MAAAkB,GAAAlB,EAAA,MAAAoB,GAAApB,EAAA,MAAAqB,KAAAA,IAAArB,EAAA,KATjBqB;;AA7BW,SAAAN,EAAAO,GAAA;AAAA,QAsBGrC,EAAaqC,EAACC,SAAU,SAAS;;AAtBpC,SAAAV,EAAAW,GAAA;AAcT,CAAIA,EAAMC,SAAU,eAClBC,EAAqBF,EAAMtB,KAAM,GACxBsB,EAAMC,SAAU,UACzBE,EAAoBH,EAAMtB,KAAM,GAEhCjB,EAAa,mCAAmC,UAAU;;AAuBlE,SAASyC,EAAqBF,GAAiC;AAC7D,CAAIA,EAAOI,iBAAiB,QAAQJ,EAAOI,cAAcC,WAAW,IAClE5C,EAAa,uCAAuC,UAAU,GAE9DA,EACE,kBAAC,MAAD,EAAA,UACGuC,EAAOI,cAAcE,KAAKC,GAAKC,MAC9B,kBAAC,MAAD,EAAA,UAAiBD,GAClB,EADUC,EACV,CAAC,EACC,CAAA,EACL,WACA,EAAEC,OAAO,qCACX,CAAC;;AAIL,SAASN,EAAoBH,GAAwC;AACnE,KAAIA,EAAOU,SAASL,QAAQ;EAE1B,IAAMM,IAAeX,EAAOU,QAAQ;AACpC,MAAI5C,EAA8B6C,EAAa,EAAE;GAE/C,IAAMC,IACJC,EAAoCF,EAAa,CAACG,KAAK,KAAK;AAE9D,GAAIF,IACFnD,EACE,uCAAuCmD,KACvC,SACD,GAEDnD,EAAa,gCAAgC,UAAU;aAEhDM,EAA8B4C,EAAa,EAAE;GAEtD,IAAMI,IAAiBJ,EAAaK,eAAeC,gBAAgB;AACnExD,KAAa,wBAAwBsD,EAAc,SAAU,UAAU;;;;AAK7E,SAASF,EACPH,GACU;AACV,QACEA,EAAQQ,eACJC,QAAOrB,MAAK,CAAC,CAACA,EAAEsB,YAAY,CAC7Bd,KACCe,MAAK,GAAGA,EAAEC,SAAQ,IAAKD,EAAEE,eAAc,UAAWF,EAAED,YAAW,GAChE,IAAI,EAAE"}
+{"version":3,"file":"MergeGridWithSourceTableButton.js","names":["GridMenuButton","useMergeGridWithSource","displayToast","useGetEntity","convertToEntityType","EntityType","EntityUpdateResults","instanceOfEntityUpdateResults","instanceOfUploadToTableResult","SynchronizeGridResponse","TableUpdateTransactionResponse","MergeGridWithSourceTableButtonProps","sourceEntityId","gridSessionId","sourceEntityType","MergeGridWithSourceTableButton","props","$","_c","data","entity","isLoading","entityLoading","t0","concreteType","undefined","t1","Symbol","for","onSuccess","_temp","onError","_temp2","mutate","mergeGrid","isPending","buttonText","t2","t3","e","message","result","type","onSynchronizeSuccess","onMergeTableSuccess","errorMessages","length","map","msg","index","title","results","updateResult","failureMessages","getEntityUpdateResultsErrorMessages","join","rowsUpdatedStr","rowsProcessed","toLocaleString","updateResults","filter","failureCode","r","entityId","failureMessage"],"sources":["../../../src/components/DataGrid/MergeGridWithSourceTableButton.tsx"],"sourcesContent":["import GridMenuButton from '@/components/DataGrid/components/GridMenuButton/GridMenuButton'\nimport useMergeGridWithSource from '@/components/DataGrid/useMergeGridWithSource'\nimport { displayToast } from '@/components/index'\nimport { useGetEntity } from '@/synapse-queries'\nimport { convertToEntityType } from '@/utils/functions/EntityTypeUtils'\nimport {\n  EntityType,\n  EntityUpdateResults,\n  instanceOfEntityUpdateResults,\n  instanceOfUploadToTableResult,\n  SynchronizeGridResponse,\n  TableUpdateTransactionResponse,\n} from '@sage-bionetworks/synapse-client'\n\nexport type MergeGridWithSourceTableButtonProps = {\n  sourceEntityId: string\n  gridSessionId: string\n  sourceEntityType?: EntityType\n}\n\nexport default function MergeGridWithSourceTableButton(\n  props: MergeGridWithSourceTableButtonProps,\n) {\n  const { sourceEntityId, gridSessionId } = props\n\n  const { data: entity, isLoading: entityLoading } =\n    useGetEntity(sourceEntityId)\n\n  const sourceEntityType = entity?.concreteType\n    ? convertToEntityType(entity.concreteType)\n    : undefined\n\n  const { mutate: mergeGrid, isPending } = useMergeGridWithSource({\n    onSuccess: result => {\n      if (result.type === 'entityview') {\n        onSynchronizeSuccess(result.data)\n      } else if (result.type === 'table') {\n        onMergeTableSuccess(result.data)\n      } else {\n        displayToast('Successfully updated RecordSet.', 'success')\n      }\n    },\n    onError: e => displayToast(e.message, 'danger'),\n  })\n\n  const buttonText =\n    sourceEntityType === 'entityview' ? 'Sync changes' : 'Apply changes'\n\n  return (\n    <GridMenuButton\n      loading={isPending}\n      disabled={entityLoading}\n      onClick={() => {\n        mergeGrid({ gridSessionId, sourceEntityId, sourceEntityType })\n      }}\n      variant=\"contained\"\n    >\n      {buttonText}\n    </GridMenuButton>\n  )\n}\n\nfunction onSynchronizeSuccess(result: SynchronizeGridResponse) {\n  if (result.errorMessages == null || result.errorMessages.length === 0) {\n    displayToast('Successfully synchronized metadata.', 'success')\n  } else {\n    displayToast(\n      <ul>\n        {result.errorMessages.map((msg, index) => (\n          <li key={index}>{msg}</li>\n        ))}\n      </ul>,\n      'warning',\n      { title: 'Some changes could not be applied' },\n    )\n  }\n}\n\nfunction onMergeTableSuccess(result: TableUpdateTransactionResponse) {\n  if (result.results?.length) {\n    // There should only be one result since the CSV upload is done in one step\n    const updateResult = result.results[0]\n    if (instanceOfEntityUpdateResults(updateResult)) {\n      // This is an update to the contents of a View\n      const failureMessages =\n        getEntityUpdateResultsErrorMessages(updateResult).join('\\n')\n\n      if (failureMessages) {\n        displayToast(\n          `Some changes could not be applied:\\n${failureMessages}`,\n          'danger',\n        )\n      } else {\n        displayToast('Changes applied successfully', 'success')\n      }\n    } else if (instanceOfUploadToTableResult(updateResult)) {\n      // This is an update to a TableEntity\n      const rowsUpdatedStr = updateResult.rowsProcessed?.toLocaleString()\n      displayToast(`Successfully updated ${rowsUpdatedStr} rows.`, 'success')\n    }\n  }\n}\n\nfunction getEntityUpdateResultsErrorMessages(\n  results: EntityUpdateResults,\n): string[] {\n  return (\n    results.updateResults\n      ?.filter(e => !!e.failureCode)\n      .map(\n        r => `${r.entityId}: ${r.failureMessage} (code: ${r.failureCode})`,\n      ) ?? []\n  )\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"StartGridSession.js","names":["GridSessionSelectionField","useInitializeGridConnection","CreateOrGetGridSessionInput","parseQueryInput","Button","Grid","CreateGridRequest","GridSession","noop","forwardRef","useImperativeHandle","useState","displayToast","StartGridSessionProps","onSessionChange","session","onReplicaChange","replicaId","show","StartGridSessionHandle","handleStartSession","request","handleLoadSession","sessionId","StartGridSession","props","ref","$","_c","t0","t1","t2","undefined","inputValue","setInputValue","t3","onMutate","args","console","debug","onSuccess","t4","replica","onError","error","message","mutate","initializeGridConnection","value","transformTextToCreateOrGetGridRequest","onConfirmInput","t5","t6","createGridRequest","t7","Symbol","for","mb","t8","t9","xs","position","t10","t11","t12","gridSqlOrSessionId","parsedInput","type","Error","initialQuery","sql","input","concreteType","recordSetId"],"sources":["../../../src/components/DataGrid/StartGridSession.tsx"],"sourcesContent":["import GridSessionSelectionField from '@/components/DataGrid/components/GridSessionSelectionField'\nimport useInitializeGridConnection, {\n  CreateOrGetGridSessionInput,\n} from '@/components/DataGrid/useInitializeGridConnection'\nimport { parseQueryInput } from '@/components/DataGrid/utils/DataGridUtils'\nimport { Button, Grid } from '@mui/material'\nimport {\n  CreateGridRequest,\n  GridSession,\n} from '@sage-bionetworks/synapse-client'\nimport noop from 'lodash-es/noop'\nimport { forwardRef, useImperativeHandle, useState } from 'react'\nimport { displayToast } from '@/components/ToastMessage/ToastMessage'\n\nexport interface StartGridSessionProps {\n  onSessionChange?: (session: GridSession | null) => void\n  onReplicaChange?: (replicaId: number | null) => void\n  show?: boolean\n}\n\nexport type StartGridSessionHandle = {\n  handleStartSession: (request: CreateGridRequest) => void\n  handleLoadSession: (sessionId: string) => void\n}\n\n// Based on user input, start a new session with or without a SQL query\n// or join an existing session by ID\nexport const StartGridSession = forwardRef<\n  StartGridSessionHandle,\n  StartGridSessionProps\n>((props, ref) => {\n  const { show = false, onSessionChange = noop, onReplicaChange = noop } = props\n  const [inputValue, setInputValue] = useState('')\n\n  const { mutate: initializeGridConnection } = useInitializeGridConnection({\n    onMutate(args) {\n      console.debug('Starting grid session with args:', args)\n    },\n    onSuccess({ session, replica }) {\n      onSessionChange(session)\n      onReplicaChange(replica.replicaId!)\n    },\n    onError(error) {\n      const message =\n        error &&\n        typeof error === 'object' &&\n        'message' in error &&\n        typeof error.message === 'string'\n          ? error.message\n          : 'An error occurred'\n      displayToast(message, 'danger')\n    },\n  })\n\n  const onConfirmInput = function (value: string) {\n    initializeGridConnection(transformTextToCreateOrGetGridRequest(value))\n  }\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      handleStartSession: (request: CreateGridRequest) => {\n        initializeGridConnection({ createGridRequest: request })\n      },\n      handleLoadSession: (sessionId: string) => {\n        initializeGridConnection({ sessionId })\n      },\n    }),\n    [initializeGridConnection],\n  )\n\n  if (!show) {\n    return null\n  }\n\n  return (\n    <Grid container spacing={2} sx={{ mb: 2 }}>\n      <Grid size={{ xs: 12 }} sx={{ position: 'relative' }}>\n        <GridSessionSelectionField\n          inputValue={inputValue}\n          onInputValueChange={setInputValue}\n          onConfirmInput={onConfirmInput}\n          onSessionChange={onSessionChange}\n          onReplicaChange={onReplicaChange}\n        />\n      </Grid>\n      <Grid container size={12} justifyContent=\"flex-end\">\n        <Button\n          color={'primary'}\n          variant=\"contained\"\n          onClick={() => {\n            onConfirmInput(inputValue)\n          }}\n        >\n          Start Grid Session\n        </Button>\n      </Grid>\n    </Grid>\n  )\n})\n\nfunction transformTextToCreateOrGetGridRequest(\n  gridSqlOrSessionId: string,\n): CreateOrGetGridSessionInput {\n  const parsedInput = parseQueryInput(gridSqlOrSessionId)\n  if ('unknown' == parsedInput.type) {\n    throw new Error(\n      'Unknown input type, please provide a valid SQL query, Synapse ID, or session ID.',\n    )\n  }\n\n  switch (parsedInput.type) {\n    case 'empty':\n      throw new Error('Input cannot be empty.')\n    case 'sql':\n      return {\n        createGridRequest: {\n          initialQuery: {\n            sql: parsedInput.input,\n          },\n          concreteType: 'org.sagebionetworks.repo.model.grid.CreateGridRequest',\n        },\n      }\n    case 'sessionId':\n      return {\n        sessionId: parsedInput.input,\n      }\n    case 'recordSetId':\n      return {\n        createGridRequest: {\n          recordSetId: parsedInput.input,\n          concreteType: 'org.sagebionetworks.repo.model.grid.CreateGridRequest',\n        },\n      }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"StartGridSession.js","names":["GridSessionSelectionField","useInitializeGridConnection","CreateOrGetGridSessionInput","parseQueryInput","Button","Grid","CreateGridRequest","GridSession","noop","forwardRef","useImperativeHandle","useState","displayToast","StartGridSessionProps","onSessionChange","session","onReplicaChange","replicaId","show","StartGridSessionHandle","handleStartSession","request","handleLoadSession","sessionId","StartGridSession","props","ref","$","_c","t0","t1","t2","undefined","inputValue","setInputValue","t3","onMutate","args","console","debug","onSuccess","t4","replica","onError","error","message","mutate","initializeGridConnection","value","transformTextToCreateOrGetGridRequest","onConfirmInput","t5","t6","createGridRequest","t7","Symbol","for","mb","t8","t9","xs","position","t10","t11","t12","gridSqlOrSessionId","parsedInput","type","Error","initialQuery","sql","input","concreteType","recordSetId"],"sources":["../../../src/components/DataGrid/StartGridSession.tsx"],"sourcesContent":["import GridSessionSelectionField from '@/components/DataGrid/components/GridSessionSelectionField'\nimport useInitializeGridConnection, {\n  CreateOrGetGridSessionInput,\n} from '@/components/DataGrid/useInitializeGridConnection'\nimport { parseQueryInput } from '@/components/DataGrid/utils/DataGridUtils'\nimport { Button, Grid } from '@mui/material'\nimport {\n  CreateGridRequest,\n  GridSession,\n} from '@sage-bionetworks/synapse-client'\nimport noop from 'lodash-es/noop'\nimport { forwardRef, useImperativeHandle, useState } from 'react'\nimport { displayToast } from '@/components/ToastMessage/ToastMessage'\n\nexport interface StartGridSessionProps {\n  onSessionChange?: (session: GridSession | null) => void\n  onReplicaChange?: (replicaId: number | null) => void\n  show?: boolean\n}\n\nexport type StartGridSessionHandle = {\n  handleStartSession: (request: CreateGridRequest) => void\n  handleLoadSession: (sessionId: string) => void\n}\n\n// Based on user input, start a new session with or without a SQL query\n// or join an existing session by ID\nexport const StartGridSession = forwardRef<\n  StartGridSessionHandle,\n  StartGridSessionProps\n>((props, ref) => {\n  const { show = false, onSessionChange = noop, onReplicaChange = noop } = props\n  const [inputValue, setInputValue] = useState('')\n\n  const { mutate: initializeGridConnection } = useInitializeGridConnection({\n    onMutate(args) {\n      console.debug('Starting grid session with args:', args)\n    },\n    onSuccess({ session, replica }) {\n      onSessionChange(session)\n      onReplicaChange(replica.replicaId!)\n    },\n    onError(error) {\n      const message =\n        error &&\n        typeof error === 'object' &&\n        'message' in error &&\n        typeof error.message === 'string'\n          ? error.message\n          : 'An error occurred'\n      displayToast(message, 'danger')\n    },\n  })\n\n  const onConfirmInput = function (value: string) {\n    initializeGridConnection(transformTextToCreateOrGetGridRequest(value))\n  }\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      handleStartSession: (request: CreateGridRequest) => {\n        initializeGridConnection({ createGridRequest: request })\n      },\n      handleLoadSession: (sessionId: string) => {\n        initializeGridConnection({ sessionId })\n      },\n    }),\n    [initializeGridConnection],\n  )\n\n  if (!show) {\n    return null\n  }\n\n  return (\n    <Grid container spacing={2} sx={{ mb: 2 }}>\n      <Grid size={{ xs: 12 }} sx={{ position: 'relative' }}>\n        <GridSessionSelectionField\n          inputValue={inputValue}\n          onInputValueChange={setInputValue}\n          onConfirmInput={onConfirmInput}\n          onSessionChange={onSessionChange}\n          onReplicaChange={onReplicaChange}\n        />\n      </Grid>\n      <Grid container size={12} justifyContent=\"flex-end\">\n        <Button\n          color={'primary'}\n          variant=\"contained\"\n          onClick={() => {\n            onConfirmInput(inputValue)\n          }}\n        >\n          Start Grid Session\n        </Button>\n      </Grid>\n    </Grid>\n  )\n})\n\nfunction transformTextToCreateOrGetGridRequest(\n  gridSqlOrSessionId: string,\n): CreateOrGetGridSessionInput {\n  const parsedInput = parseQueryInput(gridSqlOrSessionId)\n  if ('unknown' == parsedInput.type) {\n    throw new Error(\n      'Unknown input type, please provide a valid SQL query, Synapse ID, or session ID.',\n    )\n  }\n\n  switch (parsedInput.type) {\n    case 'empty':\n      throw new Error('Input cannot be empty.')\n    case 'sql':\n      return {\n        createGridRequest: {\n          initialQuery: {\n            sql: parsedInput.input,\n          },\n          concreteType: 'org.sagebionetworks.repo.model.grid.CreateGridRequest',\n        },\n      }\n    case 'sessionId':\n      return {\n        sessionId: parsedInput.input,\n      }\n    case 'recordSetId':\n      return {\n        createGridRequest: {\n          recordSetId: parsedInput.input,\n          concreteType: 'org.sagebionetworks.repo.model.grid.CreateGridRequest',\n        },\n      }\n  }\n}\n"],"mappings":"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"}

package/dist/components/DataGrid/SynapseGrid.d.ts

@@ -1,12 +1,14 @@
 import { CreateGridRequest } from '@sage-bionetworks/synapse-client';
+import { Ref } from 'react';
 export type SynapseGridProps = {
     agentRegistrationId?: string;
     showDebugInfo?: boolean;
+    ref?: Ref<SynapseGridHandle>;
 };
 export type SynapseGridHandle = {
     initializeGrid: (request: CreateGridRequest) => void;
     loadExistingSession: (sessionId: string) => void;
 };
-declare const SynapseGrid: import("react").ForwardRefExoticComponent<SynapseGridProps & import("react").RefAttributes<SynapseGridHandle>>;
+declare function SynapseGrid(props: SynapseGridProps): import("react/jsx-runtime").JSX.Element;
 export default SynapseGrid;
 //# sourceMappingURL=SynapseGrid.d.ts.map