synapse-react-client 4.0.41 → 4.0.42

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

@@ -1 +1 @@
-{"version":3,"file":"useDataGridWebsocket.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/useDataGridWebsocket.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAA;AAI/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAKvD,UAAU,cAAc;IACtB,KAAK,EAAE,SAAS,GAAG,IAAI,CAAA;IACvB;;;OAGG;IACH,uBAAuB,EAAE,OAAO,CAAA;IAChC;;;;OAIG;IACH,SAAS,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,OAAO,CAAA;IACpB,YAAY,EAAE,OAAO,CAAA;IACrB,gBAAgB,EAAE;QAChB,SAAS,EAAE,MAAM,CAAA;QACjB,SAAS,EAAE,MAAM,CAAA;KAClB,GAAG,IAAI,CAAA;IACR,iBAAiB,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAC3C,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAA;IAClC,eAAe,EAAE,OAAO,CAAA;IACxB,cAAc,EAAE,OAAO,CAAA;CACxB;AAgHD,eAAO,MAAM,qBAAqB,EAAE,cAWnC,CAAA;AAED;;;;;;;;GAQG;AACH,MAAM,WAAW,2BAA2B;IAC1C,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC/B,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAA;CACnC;AAED,wBAAgB,oBAAoB,CAAC,OAAO,CAAC,EAAE,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAyD1D,MAAM,aAAa,MAAM;;;;;EA+IxC"}
+{"version":3,"file":"useDataGridWebsocket.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/useDataGridWebsocket.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,iBAAiB,EAClB,MAAM,qCAAqC,CAAA;AAI5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAKvD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,SAAS,GAAG,IAAI,CAAA;IACvB;;;;;OAKG;IACH,uBAAuB,EAAE,OAAO,CAAA;IAChC;;;;;OAKG;IACH,uBAAuB,EAAE,OAAO,CAAA;IAChC;;;;OAIG;IACH,SAAS,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,OAAO,CAAA;IACpB,YAAY,EAAE,OAAO,CAAA;IACrB,gBAAgB,EAAE;QAChB,SAAS,EAAE,MAAM,CAAA;QACjB,SAAS,EAAE,MAAM,CAAA;KAClB,GAAG,IAAI,CAAA;IACR,iBAAiB,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAC3C,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAA;IAClC,eAAe,EAAE,OAAO,CAAA;IACxB,cAAc,EAAE,OAAO,CAAA;CACxB;AAGD,MAAM,MAAM,eAAe,GACvB;IACE,IAAI,EAAE,mBAAmB,CAAA;IACzB,OAAO,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAA;CACrE,GACD;IAAE,IAAI,EAAE,wBAAwB,CAAC;IAAC,OAAO,EAAE,iBAAiB,CAAA;CAAE,GAC9D;IAAE,IAAI,EAAE,mBAAmB,CAAA;CAAE,GAC7B;IAAE,IAAI,EAAE,mBAAmB,CAAA;CAAE,GAC7B;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,GACtB;IAAE,IAAI,EAAE,uBAAuB,CAAA;CAAE,GACjC;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,GACxB;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,GACtB;IAAE,IAAI,EAAE,eAAe,CAAC;IAAC,OAAO,EAAE,SAAS,CAAA;CAAE,GAC7C;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,GAC9C;IAAE,IAAI,EAAE,iBAAiB,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAAA;AAGjD,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,cAAc,EACrB,MAAM,EAAE,eAAe,GACtB,cAAc,CAyGhB;AAED,eAAO,MAAM,qBAAqB,EAAE,cAYnC,CAAA;AAmBD;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,cAAc,EACrB,aAAa,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,GAClD,OAAO,CAOT;AAED;;;;;;;;GAQG;AACH,MAAM,WAAW,2BAA2B;IAC1C,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC/B,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAA;CACnC;AAED,wBAAgB,oBAAoB,CAAC,OAAO,CAAC,EAAE,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAyD1D,MAAM,aAAa,MAAM;;;;EAuIxC"}

package/dist/components/DataGrid/useDataGridWebsocket.js

@@ -15,6 +15,7 @@ function l(e, t) {
 					sessionId: t.payload.sessionId
 				},
 				hasCompletedInitialSync: n ? e.hasCompletedInitialSync : !1,
+				hasCompletedInitialLoad: n ? e.hasCompletedInitialLoad : !1,
 				isSyncing: !1,
 				model: n ? e.model : null,
 				isConnected: !1,
@@ -37,12 +38,17 @@ function l(e, t) {
 			...e,
 			isConnected: !1,
 			isConnecting: !1,
-			isSyncing: !1
+			isSyncing: !1,
+			hasCompletedInitialSync: e.hasCompletedInitialLoad ? e.hasCompletedInitialSync : !1
 		};
 		case "GRID_READY": return {
 			...e,
 			hasCompletedInitialSync: !0
 		};
+		case "INITIAL_LOAD_COMPLETE": return {
+			...e,
+			hasCompletedInitialLoad: !0
+		};
 		case "SYNC_STARTED": return {
 			...e,
 			isSyncing: !0
@@ -70,6 +76,7 @@ function l(e, t) {
 var u = {
 	model: null,
 	hasCompletedInitialSync: !1,
+	hasCompletedInitialLoad: !1,
 	isSyncing: !1,
 	isConnected: !1,
 	isConnecting: !1,
@@ -79,35 +86,43 @@ var u = {
 	connectionError: null,
 	websocketError: null
 };
-function d(d) {
-	let [f, p] = o(l, u), m = s(0), h = s(null), g = t(f.model), _ = c(), { mutateAsync: v, isPending: y, error: b, presignedUrl: x, reset: S, clearPresignedUrl: C } = e(), w = r((e) => {
-		p({
+function d(e, t) {
+	if (!e?.api.getSnapshot() || !t) return !1;
+	let { columnNames: n, columnOrder: r, rows: i } = t, a = n.length >= 1, o = r.length >= 1, s = i.length >= 0;
+	return a && o && s;
+}
+function f(e, t) {
+	return !e.hasCompletedInitialLoad && e.hasCompletedInitialSync && !e.isSyncing && d(e.model, t);
+}
+function p(d) {
+	let [p, m] = o(l, u), h = s(0), g = s(null), _ = t(p.model), v = c(), { mutateAsync: y, isPending: b, error: x, presignedUrl: S, reset: C, clearPresignedUrl: w } = e(), T = r((e) => {
+		m({
 			type: "MODEL_CREATED",
 			payload: e
 		});
-	}, [p]), T = a(() => ({
+	}, [m]), E = a(() => ({
 		onGridReady: () => {
-			p({ type: "GRID_READY" }), d?.onGridReady?.();
+			m({ type: "GRID_READY" }), d?.onGridReady?.();
 		},
-		onStatusChange: (e) => p({ type: e ? "CONNECTION_OPENED" : "CONNECTION_CLOSED" }),
-		onModelCreate: w,
+		onStatusChange: (e) => m({ type: e ? "CONNECTION_OPENED" : "CONNECTION_CLOSED" }),
+		onModelCreate: T,
 		onReplicaConnected: d?.onReplicaConnected,
 		onReplicaDisconnected: d?.onReplicaDisconnected,
-		onSyncStart: () => p({ type: "SYNC_STARTED" }),
-		onSyncEnd: () => p({ type: "SYNC_ENDED" }),
-		onError: (e) => p({
+		onSyncStart: () => m({ type: "SYNC_STARTED" }),
+		onSyncEnd: () => m({ type: "SYNC_ENDED" }),
+		onError: (e) => m({
 			type: "WEBSOCKET_ERROR",
 			payload: n(e)
 		})
 	}), [
-		w,
+		T,
 		d?.onGridReady,
 		d?.onReplicaConnected,
 		d?.onReplicaDisconnected
-	]), E = r((e, t) => {
-		S(), (!f.connectionParams || f.connectionParams.replicaId !== e || f.connectionParams.sessionId !== t) && C(), m.current += 1;
-		let n = m.current;
-		p({
+	]), D = r((e, t) => {
+		C(), (!p.connectionParams || p.connectionParams.replicaId !== e || p.connectionParams.sessionId !== t) && w(), h.current += 1;
+		let n = h.current;
+		m({
 			type: "CONNECT_REQUESTED",
 			payload: {
 				replicaId: e,
@@ -116,75 +131,71 @@ function d(d) {
 			}
 		});
 	}, [
-		p,
-		f.connectionParams,
-		S,
+		m,
+		p.connectionParams,
 		C,
-		m
+		w,
+		h
 	]);
 	i(() => {
-		let { connectionParams: e, connectionAttemptId: t } = f;
-		!e || t === null || f.isConnected || f.isConnecting || y || b || f.connectionError || !_ || (h.current = t, v({
+		let { connectionParams: e, connectionAttemptId: t } = p;
+		!e || t === null || p.isConnected || p.isConnecting || b || x || p.connectionError || !v || (g.current = t, y({
 			replicaId: e.replicaId,
 			sessionId: e.sessionId,
 			websocketOptions: {
-				...T,
-				model: f.model
+				...E,
+				model: p.model
 			}
 		}).then((e) => {
-			if (h.current !== t) {
+			if (g.current !== t) {
 				e.disconnect();
 				return;
 			}
-			p({
+			m({
 				type: "CONNECTION_ESTABLISHED",
 				payload: e
 			});
 		}).catch((e) => {
-			p({
+			m({
 				type: "CONNECTION_ERROR",
 				payload: e
 			}), console.error("Failed to establish WebSocket", e);
 		}));
 	}, [
-		f,
-		f.connectionParams,
-		f.connectionAttemptId,
-		f.isConnected,
-		f.isConnecting,
-		y,
+		p,
+		p.connectionParams,
+		p.connectionAttemptId,
+		p.isConnected,
+		p.isConnecting,
 		b,
-		_,
+		x,
 		v,
-		T
+		y,
+		E
 	]);
-	let D = s(null);
-	i(() => {
-		let e = D.current, t = f.connectionParams;
-		e && t && (e.replicaId !== t.replicaId || e.sessionId !== t.sessionId) && f.websocketInstance?.disconnect(), D.current = t;
-	}, [f.connectionParams, f.websocketInstance]), i(() => () => {
-		f.websocketInstance?.disconnect(), h.current = null;
-	}, [f.websocketInstance]);
-	function O(e) {
-		if (!e?.api.getSnapshot() || !g) return !1;
-		let { columnNames: t, columnOrder: n, rows: r } = g, i = t.length >= 1, a = n.length >= 1, o = r.length >= 0;
-		return i && a && o;
-	}
-	return {
-		isConnected: f.isConnected,
-		websocketInstance: f.websocketInstance,
-		hasCompletedInitialSync: f.hasCompletedInitialSync,
-		isSyncing: f.isSyncing,
-		model: f.model,
-		modelSnapshot: g,
-		connect: E,
-		presignedUrl: x,
-		errorEstablishingWebsocketConnection: f.connectionError ?? b,
-		websocketError: f.websocketError,
-		hasSufficientData: O(f.model)
+	let O = s(null);
+	return i(() => {
+		let e = O.current, t = p.connectionParams;
+		e && t && (e.replicaId !== t.replicaId || e.sessionId !== t.sessionId) && p.websocketInstance?.disconnect(), O.current = t;
+	}, [p.connectionParams, p.websocketInstance]), i(() => () => {
+		p.websocketInstance?.disconnect(), g.current = null;
+	}, [p.websocketInstance]), i(() => {
+		f(p, _) && m({ type: "INITIAL_LOAD_COMPLETE" });
+	}, [p, _]), {
+		isConnected: p.isConnected,
+		websocketInstance: p.websocketInstance,
+		hasCompletedInitialSync: p.hasCompletedInitialSync,
+		hasCompletedInitialLoad: p.hasCompletedInitialLoad,
+		isSyncing: p.isSyncing,
+		model: p.model,
+		modelSnapshot: _,
+		connect: D,
+		presignedUrl: S,
+		errorEstablishingWebsocketConnection: p.connectionError ?? x,
+		websocketError: p.websocketError
 	};
 }
 //#endregion
-export { u as initialWebSocketState, d as useDataGridWebSocket };
+export { u as initialWebSocketState, f as isInitialLoadReady, p as useDataGridWebSocket, l as websocketReducer };
 
 //# sourceMappingURL=useDataGridWebsocket.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDataGridWebsocket.js","names":["GridModel","useCRDTModelView","normalizeWebsocketError","useCallback","useEffect","useMemo","useReducer","useRef","DataGridWebSocket","useEstablishWebsocketConnection","useDocumentVisibility","WebSocketState","model","hasCompletedInitialSync","isSyncing","isConnected","isConnecting","connectionParams","replicaId","sessionId","websocketInstance","connectionAttemptId","connectionError","websocketError","WebSocketAction","type","payload","attemptId","websocketReducer","state","action","isSameConnection","initialWebSocketState","UseDataGridWebSocketOptions","onGridReady","onReplicaConnected","onReplicaDisconnected","useDataGridWebSocket","options","dispatch","connectionAttemptCounter","activeConnectionAttemptIdRef","modelSnapshot","isDocumentVisible","mutateAsync","establishWebsocketConnection","isPending","isEstablishingWebsocketConnection","error","errorEstablishingWebsocketConnection","presignedUrl","reset","resetEstablishWebsocketConnection","clearPresignedUrl","handleModelCreate","newModel","websocketOptionsWithoutModel","onStatusChange","open","onModelCreate","onSyncStart","onSyncEnd","onError","connect","isDifferentConnection","current","websocketOptions","then","ws","disconnect","catch","err","console","previousConnectionParams","previous","isModelRenderable","api","getSnapshot","columnNames","columnOrder","rows","columnsReady","length","orderReady","rowsReady","hasSufficientData"],"sources":["../../../src/components/DataGrid/useDataGridWebsocket.ts"],"sourcesContent":["import { GridModel } from '@/components/DataGrid/DataGridTypes'\nimport { useCRDTModelView } from '@/components/DataGrid/useCRDTModelView'\nimport { normalizeWebsocketError } from '@/components/DataGrid/utils/normalizeWebsocketError'\nimport { useCallback, useEffect, useMemo, useReducer, useRef } from 'react'\nimport { DataGridWebSocket } from './DataGridWebSocket'\nimport { useEstablishWebsocketConnection } from '@/synapse-queries/grid/useEstablishWebsocketConnection'\nimport { useDocumentVisibility } from '@react-hookz/web'\n\n// State type\ninterface WebSocketState {\n  model: GridModel | null\n  /**\n   * True if the WebSocket has finished the initial sync and can process CRDT updates.\n   * Corresponds to the `GRID_READY` action.\n   */\n  hasCompletedInitialSync: boolean\n  /**\n   * True while a clock-sync exchange is in progress. Set on every outgoing\n   * `synchronize-clock` and cleared on `ResponseComplete`, which the server\n   * sends once per exchange to signal \"we're synchronized\" — not per request.\n   */\n  isSyncing: boolean\n  isConnected: boolean\n  isConnecting: boolean\n  connectionParams: {\n    replicaId: number\n    sessionId: string\n  } | null\n  websocketInstance: DataGridWebSocket | null\n  connectionAttemptId: number | null\n  connectionError: unknown\n  websocketError: unknown\n}\n\n// Action types\ntype WebSocketAction =\n  | {\n      type: 'CONNECT_REQUESTED'\n      payload: { replicaId: number; sessionId: string; attemptId: number }\n    }\n  | { type: 'CONNECTION_ESTABLISHED'; payload: DataGridWebSocket }\n  | { type: 'CONNECTION_OPENED' }\n  | { type: 'CONNECTION_CLOSED' }\n  | { type: 'GRID_READY' }\n  | { type: 'SYNC_STARTED' }\n  | { type: 'SYNC_ENDED' }\n  | { type: 'MODEL_CREATED'; payload: GridModel }\n  | { type: 'CONNECTION_ERROR'; payload: unknown }\n  | { type: 'WEBSOCKET_ERROR'; payload: unknown }\n\n// Reducer function\nfunction websocketReducer(\n  state: WebSocketState,\n  action: WebSocketAction,\n): WebSocketState {\n  switch (action.type) {\n    case 'CONNECT_REQUESTED': {\n      const isSameConnection =\n        state.connectionParams &&\n        state.connectionParams.replicaId === action.payload.replicaId &&\n        state.connectionParams.sessionId === action.payload.sessionId\n\n      return {\n        ...state,\n        connectionParams: {\n          replicaId: action.payload.replicaId,\n          sessionId: action.payload.sessionId,\n        },\n        hasCompletedInitialSync: isSameConnection\n          ? state.hasCompletedInitialSync\n          : false,\n        isSyncing: false,\n        model: isSameConnection ? state.model : null,\n        isConnected: false,\n        isConnecting: false,\n        connectionAttemptId: action.payload.attemptId,\n        connectionError: null,\n      }\n    }\n\n    case 'CONNECTION_ESTABLISHED':\n      return {\n        ...state,\n        websocketInstance: action.payload,\n        isConnecting: true,\n      }\n\n    case 'CONNECTION_OPENED':\n      return {\n        ...state,\n        isConnected: true,\n        isConnecting: false,\n      }\n\n    case 'CONNECTION_CLOSED':\n      return {\n        ...state,\n        isConnected: false,\n        isConnecting: false,\n        isSyncing: false,\n      }\n\n    case 'GRID_READY':\n      return {\n        ...state,\n        hasCompletedInitialSync: true,\n      }\n\n    case 'SYNC_STARTED':\n      return {\n        ...state,\n        isSyncing: true,\n      }\n\n    case 'SYNC_ENDED':\n      return {\n        ...state,\n        isSyncing: false,\n      }\n\n    case 'MODEL_CREATED':\n      return {\n        ...state,\n        model: action.payload,\n      }\n\n    case 'CONNECTION_ERROR':\n      return {\n        ...state,\n        connectionError: action.payload,\n        isConnecting: false,\n      }\n\n    case 'WEBSOCKET_ERROR':\n      return {\n        ...state,\n        websocketError: action.payload,\n      }\n\n    default:\n      return state\n  }\n}\n\nexport const initialWebSocketState: WebSocketState = {\n  model: null,\n  hasCompletedInitialSync: false,\n  isSyncing: false,\n  isConnected: false,\n  isConnecting: false,\n  connectionParams: null,\n  websocketInstance: null,\n  connectionAttemptId: null,\n  connectionError: null,\n  websocketError: null,\n}\n\n/**\n * Custom hook to manage a DataGrid WebSocket connection.\n * Handles:\n *   - Fetching presigned URLs via a mutation hook\n *   - Instantiating the DataGridWebSocket\n *   - Connection status tracking\n *   - Reconnection on disconnect\n *   - Grid model updates and snapshot tracking\n */\nexport interface UseDataGridWebSocketOptions {\n  onGridReady?: () => void\n  onReplicaConnected?: () => void\n  onReplicaDisconnected?: () => void\n}\n\nexport function useDataGridWebSocket(options?: UseDataGridWebSocketOptions) {\n  const [state, dispatch] = useReducer(websocketReducer, initialWebSocketState)\n\n  const connectionAttemptCounter = useRef(0)\n  const activeConnectionAttemptIdRef = useRef<number | null>(null)\n\n  const modelSnapshot = useCRDTModelView(state.model)\n\n  const isDocumentVisible = useDocumentVisibility()\n\n  const {\n    mutateAsync: establishWebsocketConnection,\n    isPending: isEstablishingWebsocketConnection,\n    error: errorEstablishingWebsocketConnection,\n    presignedUrl,\n    reset: resetEstablishWebsocketConnection,\n    clearPresignedUrl,\n  } = useEstablishWebsocketConnection()\n\n  // Update model creation handler - only set model, don't reset to null on disconnect\n  const handleModelCreate = useCallback(\n    (newModel: GridModel) => {\n      dispatch({ type: 'MODEL_CREATED', payload: newModel })\n    },\n    [dispatch],\n  )\n\n  // Memoize websocket options to prevent unnecessary re-renders (excluding model to avoid circular deps)\n  const websocketOptionsWithoutModel = useMemo(\n    () => ({\n      onGridReady: () => {\n        dispatch({ type: 'GRID_READY' })\n        options?.onGridReady?.()\n      },\n      onStatusChange: (open: boolean) =>\n        dispatch({ type: open ? 'CONNECTION_OPENED' : 'CONNECTION_CLOSED' }),\n      onModelCreate: handleModelCreate,\n      onReplicaConnected: options?.onReplicaConnected,\n      onReplicaDisconnected: options?.onReplicaDisconnected,\n      onSyncStart: () => dispatch({ type: 'SYNC_STARTED' }),\n      onSyncEnd: () => dispatch({ type: 'SYNC_ENDED' }),\n      onError: (error: unknown) =>\n        dispatch({\n          type: 'WEBSOCKET_ERROR',\n          payload: normalizeWebsocketError(error),\n        }),\n    }),\n    [\n      handleModelCreate,\n      options?.onGridReady,\n      options?.onReplicaConnected,\n      options?.onReplicaDisconnected,\n    ],\n  )\n\n  // Initiate (or re-initiate) a connection\n  const connect = useCallback(\n    (replicaId: number, sessionId: string) => {\n      resetEstablishWebsocketConnection()\n\n      const isDifferentConnection =\n        !state.connectionParams ||\n        state.connectionParams.replicaId !== replicaId ||\n        state.connectionParams.sessionId !== sessionId\n\n      if (isDifferentConnection) {\n        clearPresignedUrl()\n      }\n\n      connectionAttemptCounter.current += 1\n      const attemptId = connectionAttemptCounter.current\n\n      dispatch({\n        type: 'CONNECT_REQUESTED',\n        payload: { replicaId, sessionId, attemptId },\n      })\n    },\n    [\n      dispatch,\n      state.connectionParams,\n      resetEstablishWebsocketConnection,\n      clearPresignedUrl,\n      connectionAttemptCounter,\n    ],\n  )\n\n  /**\n   * Establish the WebSocket connection when conditions are met.\n   * Uses the current model state at connection time for reconnections to the same session.\n   * Note: Changes to `model` alone do NOT trigger reconnection - only changes to connection\n   * params, visibility, or connection status will trigger a new connection attempt.\n   */\n  useEffect(() => {\n    // Don't attempt connection if conditions aren't met\n    const { connectionParams, connectionAttemptId } = state\n\n    if (\n      !connectionParams ||\n      connectionAttemptId === null ||\n      state.isConnected ||\n      state.isConnecting ||\n      isEstablishingWebsocketConnection ||\n      errorEstablishingWebsocketConnection ||\n      state.connectionError ||\n      !isDocumentVisible\n    ) {\n      return\n    }\n\n    activeConnectionAttemptIdRef.current = connectionAttemptId\n\n    // Use current model state for reconnections to same session\n    // (model may have been created by a previous connection)\n    establishWebsocketConnection({\n      replicaId: connectionParams.replicaId,\n      sessionId: connectionParams.sessionId,\n      websocketOptions: {\n        ...websocketOptionsWithoutModel,\n        model: state.model, // Current model at connection time\n      },\n    })\n      .then(ws => {\n        if (activeConnectionAttemptIdRef.current !== connectionAttemptId) {\n          ws.disconnect()\n          return\n        }\n\n        dispatch({ type: 'CONNECTION_ESTABLISHED', payload: ws })\n      })\n      .catch(err => {\n        dispatch({ type: 'CONNECTION_ERROR', payload: err })\n        console.error('Failed to establish WebSocket', err)\n      })\n  }, [\n    state,\n    state.connectionParams,\n    state.connectionAttemptId,\n    state.isConnected,\n    state.isConnecting,\n    isEstablishingWebsocketConnection,\n    errorEstablishingWebsocketConnection,\n    isDocumentVisible,\n    establishWebsocketConnection,\n    websocketOptionsWithoutModel,\n  ])\n\n  const previousConnectionParams =\n    useRef<WebSocketState['connectionParams']>(null)\n\n  useEffect(() => {\n    const previous = previousConnectionParams.current\n    const current = state.connectionParams\n\n    if (\n      previous &&\n      current &&\n      (previous.replicaId !== current.replicaId ||\n        previous.sessionId !== current.sessionId)\n    ) {\n      state.websocketInstance?.disconnect()\n    }\n\n    previousConnectionParams.current = current\n  }, [state.connectionParams, state.websocketInstance])\n\n  useEffect(() => {\n    return () => {\n      state.websocketInstance?.disconnect()\n      activeConnectionAttemptIdRef.current = null\n    }\n  }, [state.websocketInstance])\n\n  /**\n   * Checks if the model snapshot contains the minimum data required for rendering (columns and rows).\n   */\n  function isModelRenderable(model: GridModel | null) {\n    if (!model?.api.getSnapshot() || !modelSnapshot) {\n      return false\n    }\n    const { columnNames, columnOrder, rows } = modelSnapshot\n    const columnsReady = columnNames.length >= 1\n    const orderReady = columnOrder.length >= 1\n    const rowsReady = rows.length >= 0\n    return columnsReady && orderReady && rowsReady\n  }\n\n  return {\n    isConnected: state.isConnected,\n    websocketInstance: state.websocketInstance,\n    hasCompletedInitialSync: state.hasCompletedInitialSync,\n    isSyncing: state.isSyncing,\n    model: state.model,\n    modelSnapshot,\n    connect,\n    presignedUrl,\n    errorEstablishingWebsocketConnection:\n      state.connectionError ?? errorEstablishingWebsocketConnection,\n    websocketError: state.websocketError,\n    hasSufficientData: isModelRenderable(state.model),\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useDataGridWebsocket.js","names":["GridModel","GridModelSnapshot","useCRDTModelView","normalizeWebsocketError","useCallback","useEffect","useMemo","useReducer","useRef","DataGridWebSocket","useEstablishWebsocketConnection","useDocumentVisibility","WebSocketState","model","hasCompletedInitialSync","hasCompletedInitialLoad","isSyncing","isConnected","isConnecting","connectionParams","replicaId","sessionId","websocketInstance","connectionAttemptId","connectionError","websocketError","WebSocketAction","type","payload","attemptId","websocketReducer","state","action","isSameConnection","initialWebSocketState","isModelRenderable","modelSnapshot","api","getSnapshot","columnNames","columnOrder","rows","columnsReady","length","orderReady","rowsReady","isInitialLoadReady","UseDataGridWebSocketOptions","onGridReady","onReplicaConnected","onReplicaDisconnected","useDataGridWebSocket","options","dispatch","connectionAttemptCounter","activeConnectionAttemptIdRef","isDocumentVisible","mutateAsync","establishWebsocketConnection","isPending","isEstablishingWebsocketConnection","error","errorEstablishingWebsocketConnection","presignedUrl","reset","resetEstablishWebsocketConnection","clearPresignedUrl","handleModelCreate","newModel","websocketOptionsWithoutModel","onStatusChange","open","onModelCreate","onSyncStart","onSyncEnd","onError","connect","isDifferentConnection","current","websocketOptions","then","ws","disconnect","catch","err","console","previousConnectionParams","previous"],"sources":["../../../src/components/DataGrid/useDataGridWebsocket.ts"],"sourcesContent":["import {\n  GridModel,\n  GridModelSnapshot,\n} from '@/components/DataGrid/DataGridTypes'\nimport { useCRDTModelView } from '@/components/DataGrid/useCRDTModelView'\nimport { normalizeWebsocketError } from '@/components/DataGrid/utils/normalizeWebsocketError'\nimport { useCallback, useEffect, useMemo, useReducer, useRef } from 'react'\nimport { DataGridWebSocket } from './DataGridWebSocket'\nimport { useEstablishWebsocketConnection } from '@/synapse-queries/grid/useEstablishWebsocketConnection'\nimport { useDocumentVisibility } from '@react-hookz/web'\n\n// State type\nexport interface WebSocketState {\n  model: GridModel | null\n  /**\n   * True if the WebSocket has finished a sync exchange on the current connection\n   * and can process CRDT updates. Set by `GRID_READY`; cleared on disconnect until\n   * `hasCompletedInitialLoad` is set, since a drop mid-replay leaves the model\n   * holding only part of the server's data.\n   */\n  hasCompletedInitialSync: boolean\n  /**\n   * True once the first connection for the current session has finished replaying\n   * the server's data into the model. A one-way transition: later sync activity\n   * never takes it back to false, and only connecting to a different\n   * session/replica resets it.\n   */\n  hasCompletedInitialLoad: boolean\n  /**\n   * True while a clock-sync exchange is in progress. Set on every outgoing\n   * `synchronize-clock` and cleared on `ResponseComplete`, which the server\n   * sends once per exchange to signal \"we're synchronized\" — not per request.\n   */\n  isSyncing: boolean\n  isConnected: boolean\n  isConnecting: boolean\n  connectionParams: {\n    replicaId: number\n    sessionId: string\n  } | null\n  websocketInstance: DataGridWebSocket | null\n  connectionAttemptId: number | null\n  connectionError: unknown\n  websocketError: unknown\n}\n\n// Action types\nexport type WebSocketAction =\n  | {\n      type: 'CONNECT_REQUESTED'\n      payload: { replicaId: number; sessionId: string; attemptId: number }\n    }\n  | { type: 'CONNECTION_ESTABLISHED'; payload: DataGridWebSocket }\n  | { type: 'CONNECTION_OPENED' }\n  | { type: 'CONNECTION_CLOSED' }\n  | { type: 'GRID_READY' }\n  | { type: 'INITIAL_LOAD_COMPLETE' }\n  | { type: 'SYNC_STARTED' }\n  | { type: 'SYNC_ENDED' }\n  | { type: 'MODEL_CREATED'; payload: GridModel }\n  | { type: 'CONNECTION_ERROR'; payload: unknown }\n  | { type: 'WEBSOCKET_ERROR'; payload: unknown }\n\n// Reducer function\nexport function websocketReducer(\n  state: WebSocketState,\n  action: WebSocketAction,\n): WebSocketState {\n  switch (action.type) {\n    case 'CONNECT_REQUESTED': {\n      const isSameConnection =\n        state.connectionParams &&\n        state.connectionParams.replicaId === action.payload.replicaId &&\n        state.connectionParams.sessionId === action.payload.sessionId\n\n      return {\n        ...state,\n        connectionParams: {\n          replicaId: action.payload.replicaId,\n          sessionId: action.payload.sessionId,\n        },\n        hasCompletedInitialSync: isSameConnection\n          ? state.hasCompletedInitialSync\n          : false,\n        hasCompletedInitialLoad: isSameConnection\n          ? state.hasCompletedInitialLoad\n          : false,\n        isSyncing: false,\n        model: isSameConnection ? state.model : null,\n        isConnected: false,\n        isConnecting: false,\n        connectionAttemptId: action.payload.attemptId,\n        connectionError: null,\n      }\n    }\n\n    case 'CONNECTION_ESTABLISHED':\n      return {\n        ...state,\n        websocketInstance: action.payload,\n        isConnecting: true,\n      }\n\n    case 'CONNECTION_OPENED':\n      return {\n        ...state,\n        isConnected: true,\n        isConnecting: false,\n      }\n\n    case 'CONNECTION_CLOSED':\n      return {\n        ...state,\n        isConnected: false,\n        isConnecting: false,\n        isSyncing: false,\n        // A drop before the initial load finishes invalidates the completed-exchange\n        // signal: the model may hold only the part of the data that arrived so far.\n        // Clearing it makes the readiness gate wait for the reconnect's replay\n        // instead of latching onto a partially loaded model. Once the load is done,\n        // drops are ordinary reconnects and the signal must survive them.\n        hasCompletedInitialSync: state.hasCompletedInitialLoad\n          ? state.hasCompletedInitialSync\n          : false,\n      }\n\n    case 'GRID_READY':\n      return {\n        ...state,\n        hasCompletedInitialSync: true,\n      }\n\n    case 'INITIAL_LOAD_COMPLETE':\n      return {\n        ...state,\n        hasCompletedInitialLoad: true,\n      }\n\n    case 'SYNC_STARTED':\n      return {\n        ...state,\n        isSyncing: true,\n      }\n\n    case 'SYNC_ENDED':\n      return {\n        ...state,\n        isSyncing: false,\n      }\n\n    case 'MODEL_CREATED':\n      return {\n        ...state,\n        model: action.payload,\n      }\n\n    case 'CONNECTION_ERROR':\n      return {\n        ...state,\n        connectionError: action.payload,\n        isConnecting: false,\n      }\n\n    case 'WEBSOCKET_ERROR':\n      return {\n        ...state,\n        websocketError: action.payload,\n      }\n\n    default:\n      return state\n  }\n}\n\nexport const initialWebSocketState: WebSocketState = {\n  model: null,\n  hasCompletedInitialSync: false,\n  hasCompletedInitialLoad: false,\n  isSyncing: false,\n  isConnected: false,\n  isConnecting: false,\n  connectionParams: null,\n  websocketInstance: null,\n  connectionAttemptId: null,\n  connectionError: null,\n  websocketError: null,\n}\n\n/**\n * Checks if the model snapshot contains the minimum data required for rendering (columns and rows).\n */\nfunction isModelRenderable(\n  model: GridModel | null,\n  modelSnapshot: GridModelSnapshot | null | undefined,\n) {\n  if (!model?.api.getSnapshot() || !modelSnapshot) {\n    return false\n  }\n  const { columnNames, columnOrder, rows } = modelSnapshot\n  const columnsReady = columnNames.length >= 1\n  const orderReady = columnOrder.length >= 1\n  const rowsReady = rows.length >= 0\n  return columnsReady && orderReady && rowsReady\n}\n\n/**\n * Whether the server has finished replaying its data into the model, so the grid\n * can be shown and edited. Drives the one-way `INITIAL_LOAD_COMPLETE` transition.\n *\n * Returns false once `hasCompletedInitialLoad` is set, so callers can dispatch\n * unconditionally on a true result without re-entering the transition.\n *\n * `hasCompletedInitialSync` alone is not sufficient: the server may complete the\n * snapshot request before the client has fetched and decoded the snapshot, which\n * leaves that flag true while the rows are still arriving. Requiring an idle sync\n * exchange holds the transition until the replay drains.\n */\nexport function isInitialLoadReady(\n  state: WebSocketState,\n  modelSnapshot: GridModelSnapshot | null | undefined,\n): boolean {\n  return (\n    !state.hasCompletedInitialLoad &&\n    state.hasCompletedInitialSync &&\n    !state.isSyncing &&\n    isModelRenderable(state.model, modelSnapshot)\n  )\n}\n\n/**\n * Custom hook to manage a DataGrid WebSocket connection.\n * Handles:\n *   - Fetching presigned URLs via a mutation hook\n *   - Instantiating the DataGridWebSocket\n *   - Connection status tracking\n *   - Reconnection on disconnect\n *   - Grid model updates and snapshot tracking\n */\nexport interface UseDataGridWebSocketOptions {\n  onGridReady?: () => void\n  onReplicaConnected?: () => void\n  onReplicaDisconnected?: () => void\n}\n\nexport function useDataGridWebSocket(options?: UseDataGridWebSocketOptions) {\n  const [state, dispatch] = useReducer(websocketReducer, initialWebSocketState)\n\n  const connectionAttemptCounter = useRef(0)\n  const activeConnectionAttemptIdRef = useRef<number | null>(null)\n\n  const modelSnapshot = useCRDTModelView(state.model)\n\n  const isDocumentVisible = useDocumentVisibility()\n\n  const {\n    mutateAsync: establishWebsocketConnection,\n    isPending: isEstablishingWebsocketConnection,\n    error: errorEstablishingWebsocketConnection,\n    presignedUrl,\n    reset: resetEstablishWebsocketConnection,\n    clearPresignedUrl,\n  } = useEstablishWebsocketConnection()\n\n  // Update model creation handler - only set model, don't reset to null on disconnect\n  const handleModelCreate = useCallback(\n    (newModel: GridModel) => {\n      dispatch({ type: 'MODEL_CREATED', payload: newModel })\n    },\n    [dispatch],\n  )\n\n  // Memoize websocket options to prevent unnecessary re-renders (excluding model to avoid circular deps)\n  const websocketOptionsWithoutModel = useMemo(\n    () => ({\n      onGridReady: () => {\n        dispatch({ type: 'GRID_READY' })\n        options?.onGridReady?.()\n      },\n      onStatusChange: (open: boolean) =>\n        dispatch({ type: open ? 'CONNECTION_OPENED' : 'CONNECTION_CLOSED' }),\n      onModelCreate: handleModelCreate,\n      onReplicaConnected: options?.onReplicaConnected,\n      onReplicaDisconnected: options?.onReplicaDisconnected,\n      onSyncStart: () => dispatch({ type: 'SYNC_STARTED' }),\n      onSyncEnd: () => dispatch({ type: 'SYNC_ENDED' }),\n      onError: (error: unknown) =>\n        dispatch({\n          type: 'WEBSOCKET_ERROR',\n          payload: normalizeWebsocketError(error),\n        }),\n    }),\n    [\n      handleModelCreate,\n      options?.onGridReady,\n      options?.onReplicaConnected,\n      options?.onReplicaDisconnected,\n    ],\n  )\n\n  // Initiate (or re-initiate) a connection\n  const connect = useCallback(\n    (replicaId: number, sessionId: string) => {\n      resetEstablishWebsocketConnection()\n\n      const isDifferentConnection =\n        !state.connectionParams ||\n        state.connectionParams.replicaId !== replicaId ||\n        state.connectionParams.sessionId !== sessionId\n\n      if (isDifferentConnection) {\n        clearPresignedUrl()\n      }\n\n      connectionAttemptCounter.current += 1\n      const attemptId = connectionAttemptCounter.current\n\n      dispatch({\n        type: 'CONNECT_REQUESTED',\n        payload: { replicaId, sessionId, attemptId },\n      })\n    },\n    [\n      dispatch,\n      state.connectionParams,\n      resetEstablishWebsocketConnection,\n      clearPresignedUrl,\n      connectionAttemptCounter,\n    ],\n  )\n\n  /**\n   * Establish the WebSocket connection when conditions are met.\n   * Uses the current model state at connection time for reconnections to the same session.\n   * Note: Changes to `model` alone do NOT trigger reconnection - only changes to connection\n   * params, visibility, or connection status will trigger a new connection attempt.\n   */\n  useEffect(() => {\n    // Don't attempt connection if conditions aren't met\n    const { connectionParams, connectionAttemptId } = state\n\n    if (\n      !connectionParams ||\n      connectionAttemptId === null ||\n      state.isConnected ||\n      state.isConnecting ||\n      isEstablishingWebsocketConnection ||\n      errorEstablishingWebsocketConnection ||\n      state.connectionError ||\n      !isDocumentVisible\n    ) {\n      return\n    }\n\n    activeConnectionAttemptIdRef.current = connectionAttemptId\n\n    // Use current model state for reconnections to same session\n    // (model may have been created by a previous connection)\n    establishWebsocketConnection({\n      replicaId: connectionParams.replicaId,\n      sessionId: connectionParams.sessionId,\n      websocketOptions: {\n        ...websocketOptionsWithoutModel,\n        model: state.model, // Current model at connection time\n      },\n    })\n      .then(ws => {\n        if (activeConnectionAttemptIdRef.current !== connectionAttemptId) {\n          ws.disconnect()\n          return\n        }\n\n        dispatch({ type: 'CONNECTION_ESTABLISHED', payload: ws })\n      })\n      .catch(err => {\n        dispatch({ type: 'CONNECTION_ERROR', payload: err })\n        console.error('Failed to establish WebSocket', err)\n      })\n  }, [\n    state,\n    state.connectionParams,\n    state.connectionAttemptId,\n    state.isConnected,\n    state.isConnecting,\n    isEstablishingWebsocketConnection,\n    errorEstablishingWebsocketConnection,\n    isDocumentVisible,\n    establishWebsocketConnection,\n    websocketOptionsWithoutModel,\n  ])\n\n  const previousConnectionParams =\n    useRef<WebSocketState['connectionParams']>(null)\n\n  useEffect(() => {\n    const previous = previousConnectionParams.current\n    const current = state.connectionParams\n\n    if (\n      previous &&\n      current &&\n      (previous.replicaId !== current.replicaId ||\n        previous.sessionId !== current.sessionId)\n    ) {\n      state.websocketInstance?.disconnect()\n    }\n\n    previousConnectionParams.current = current\n  }, [state.connectionParams, state.websocketInstance])\n\n  useEffect(() => {\n    return () => {\n      state.websocketInstance?.disconnect()\n      activeConnectionAttemptIdRef.current = null\n    }\n  }, [state.websocketInstance])\n\n  useEffect(() => {\n    if (isInitialLoadReady(state, modelSnapshot)) {\n      dispatch({ type: 'INITIAL_LOAD_COMPLETE' })\n    }\n  }, [state, modelSnapshot])\n\n  return {\n    isConnected: state.isConnected,\n    websocketInstance: state.websocketInstance,\n    hasCompletedInitialSync: state.hasCompletedInitialSync,\n    hasCompletedInitialLoad: state.hasCompletedInitialLoad,\n    isSyncing: state.isSyncing,\n    model: state.model,\n    modelSnapshot,\n    connect,\n    presignedUrl,\n    errorEstablishingWebsocketConnection:\n      state.connectionError ?? errorEstablishingWebsocketConnection,\n    websocketError: state.websocketError,\n  }\n}\n"],"mappings":"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"}

package/dist/components/DataGrid/utils/getNamedColumnIndices.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Filters column identity indices down to those that resolve to a name in `columnNames`.
+ *
+ * A column's header, width, and row data are all resolved through its name, so an index without
+ * one cannot be rendered. The hub patches `columnNames` and `columnOrder` independently, and a
+ * render can observe the state between those patches: an index whose name has not arrived yet, or
+ * one whose name slot has been unset (a json-joy vector reports an unset slot as `undefined`
+ * rather than shortening itself).
+ */
+export declare function getNamedColumnIndices(columnNames: string[], columnIndices: number[]): number[];
+//# sourceMappingURL=getNamedColumnIndices.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getNamedColumnIndices.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGrid/utils/getNamedColumnIndices.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CACnC,WAAW,EAAE,MAAM,EAAE,EACrB,aAAa,EAAE,MAAM,EAAE,GACtB,MAAM,EAAE,CAEV"}

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

@@ -0,0 +1,8 @@
+//#region src/components/DataGrid/utils/getNamedColumnIndices.ts
+function e(e, t) {
+	return t.filter((t) => !!e[t]);
+}
+//#endregion
+export { e as getNamedColumnIndices };
+
+//# sourceMappingURL=getNamedColumnIndices.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getNamedColumnIndices.js","names":["getNamedColumnIndices","columnNames","columnIndices","filter","index","Boolean"],"sources":["../../../../src/components/DataGrid/utils/getNamedColumnIndices.ts"],"sourcesContent":["/**\n * Filters column identity indices down to those that resolve to a name in `columnNames`.\n *\n * A column's header, width, and row data are all resolved through its name, so an index without\n * one cannot be rendered. The hub patches `columnNames` and `columnOrder` independently, and a\n * render can observe the state between those patches: an index whose name has not arrived yet, or\n * one whose name slot has been unset (a json-joy vector reports an unset slot as `undefined`\n * rather than shortening itself).\n */\nexport function getNamedColumnIndices(\n  columnNames: string[],\n  columnIndices: number[],\n): number[] {\n  return columnIndices.filter(index => Boolean(columnNames[index]))\n}\n"],"mappings":";AASA,SAAgBA,EACdC,GACAC,GACU;CACV,OAAOA,EAAcC,QAAOC,MAASC,EAAQJ,EAAYG,EAAO;AAClE"}

package/dist/components/FilePreview/FileHandleContentRenderer.d.ts

@@ -1,17 +1,21 @@
 import { FileHandle, FileHandleAssociation } from '@sage-bionetworks/synapse-types';
 import { PreviewRendererType } from './PreviewRendererType';
-export type FileHandleContentRendererProps = {
+type FileHandleContentProps = {
     /** The file handle whose contents should be downloaded and rendered */
     fileHandle: FileHandle;
     /** The association between the file handle and an object which will give the user permission to access the file data */
     fileHandleAssociation: FileHandleAssociation;
+};
+export type FileHandleContentRendererProps = FileHandleContentProps & {
     /** Informs how to render the file data */
     previewType: PreviewRendererType;
 };
 /**
- * Fetches the content for and renders the contents of a file handle.
+ * Renders the contents of a file handle. Each supported preview type is responsible for retrieving the file data in
+ * whichever form it needs.
  * @param props
  * @returns
  */
 export default function FileHandleContentRenderer(props: FileHandleContentRendererProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=FileHandleContentRenderer.d.ts.map

package/dist/components/FilePreview/FileHandleContentRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileHandleContentRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/FilePreview/FileHandleContentRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,UAAU,EACV,qBAAqB,EACtB,MAAM,iCAAiC,CAAA;AAIxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAI3D,MAAM,MAAM,8BAA8B,GAAG;IAC3C,uEAAuE;IACvE,UAAU,EAAE,UAAU,CAAA;IACtB,wHAAwH;IACxH,qBAAqB,EAAE,qBAAqB,CAAA;IAC5C,0CAA0C;IAC1C,WAAW,EAAE,mBAAmB,CAAA;CACjC,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAC/C,KAAK,EAAE,8BAA8B,2CAwCtC"}
+{"version":3,"file":"FileHandleContentRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/FilePreview/FileHandleContentRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,UAAU,EACV,qBAAqB,EACtB,MAAM,iCAAiC,CAAA;AAKxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAI3D,KAAK,sBAAsB,GAAG;IAC5B,uEAAuE;IACvE,UAAU,EAAE,UAAU,CAAA;IACtB,wHAAwH;IACxH,qBAAqB,EAAE,qBAAqB,CAAA;CAC7C,CAAA;AAkCD,MAAM,MAAM,8BAA8B,GAAG,sBAAsB,GAAG;IACpE,0CAA0C;IAC1C,WAAW,EAAE,mBAAmB,CAAA;CACjC,CAAA;AAED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAC/C,KAAK,EAAE,8BAA8B,2CA2BtC"}

package/dist/components/FilePreview/FileHandleContentRenderer.js

@@ -4,25 +4,38 @@ import { useGetPresignedUrlContent as n } from "../../synapse-queries/file/useFi
 import r from "./HtmlPreview/HtmlPreview.js";
 import i from "./PdfPreview.js";
 import { PreviewRendererType as a } from "./PreviewRendererType.js";
-import { Fragment as o, jsx as s } from "react/jsx-runtime";
+import { useMemo as o } from "react";
+import { Fragment as s, jsx as c } from "react/jsx-runtime";
 //#region src/components/FilePreview/FileHandleContentRenderer.tsx
-var c = 30 * e;
-function l(e) {
-	let { fileHandle: l, fileHandleAssociation: u, previewType: d } = e, { data: f, isLoading: p } = n(l, {
-		requestedFiles: [u],
+var l = 30 * e;
+function u(e) {
+	let { fileHandle: i, fileHandleAssociation: a } = e, { data: s, isLoading: u } = n(i, o(() => ({
+		requestedFiles: [a],
 		includePreSignedURLs: !0,
 		includeFileHandles: !1,
 		includePreviewPreSignedURLs: !1
-	}, c, { throwOnError: !0 });
-	return p ? /* @__PURE__ */ s(t, {}) : d === a.HTML ? /* @__PURE__ */ s(r, {
-		rawHtml: f,
-		createdByUserId: l.createdBy
-	}) : d === a.PDF ? /* @__PURE__ */ s(i, {
-		fileHandle: l,
-		fileHandleAssociation: u
-	}) : (d !== a.NONE && console.warn(`Rendering a preview of type ${d} is not supported in Portals`), /* @__PURE__ */ s(o, {}));
+	}), [a]), l, { throwOnError: !0 });
+	return u ? /* @__PURE__ */ c(t, {}) : /* @__PURE__ */ c(r, {
+		rawHtml: s,
+		createdByUserId: i.createdBy
+	});
+}
+function d(e) {
+	let { fileHandle: t, fileHandleAssociation: n, previewType: r } = e;
+	switch (r) {
+		case a.HTML: return /* @__PURE__ */ c(u, {
+			fileHandle: t,
+			fileHandleAssociation: n
+		});
+		case a.PDF: return /* @__PURE__ */ c(i, {
+			fileHandle: t,
+			fileHandleAssociation: n
+		});
+		case a.NONE: return /* @__PURE__ */ c(s, {});
+		default: return console.warn(`Rendering a preview of type ${r} is not supported in Portals`), /* @__PURE__ */ c(s, {});
+	}
 }
 //#endregion
-export { l as default };
+export { d as default };
 
 //# sourceMappingURL=FileHandleContentRenderer.js.map

package/dist/components/FilePreview/FileHandleContentRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileHandleContentRenderer.js","names":[],"sources":["../../../src/components/FilePreview/FileHandleContentRenderer.tsx"],"sourcesContent":["import { useGetPresignedUrlContent } from '@/synapse-queries/file/useFiles'\nimport { MB } from '@/utils/SynapseConstants'\nimport {\n  BatchFileRequest,\n  FileHandle,\n  FileHandleAssociation,\n} from '@sage-bionetworks/synapse-types'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport HtmlPreview from './HtmlPreview/HtmlPreview'\nimport PdfPreview from './PdfPreview'\nimport { PreviewRendererType } from './PreviewRendererType'\n\nconst MAX_FILE_SIZE = 30 * MB\n\nexport type FileHandleContentRendererProps = {\n  /** The file handle whose contents should be downloaded and rendered */\n  fileHandle: FileHandle\n  /** The association between the file handle and an object which will give the user permission to access the file data */\n  fileHandleAssociation: FileHandleAssociation\n  /** Informs how to render the file data */\n  previewType: PreviewRendererType\n}\n\n/**\n * Fetches the content for and renders the contents of a file handle.\n * @param props\n * @returns\n */\nexport default function FileHandleContentRenderer(\n  props: FileHandleContentRendererProps,\n) {\n  const { fileHandle, fileHandleAssociation, previewType } = props\n\n  const batchFileRequest: BatchFileRequest = {\n    requestedFiles: [fileHandleAssociation],\n    includePreSignedURLs: true,\n    includeFileHandles: false,\n    includePreviewPreSignedURLs: false,\n  }\n\n  const { data: content, isLoading } = useGetPresignedUrlContent(\n    fileHandle,\n    batchFileRequest,\n    MAX_FILE_SIZE,\n    { throwOnError: true },\n  )\n\n  if (isLoading) {\n    return <SynapseSpinner />\n  }\n  if (previewType === PreviewRendererType.HTML) {\n    return (\n      <HtmlPreview rawHtml={content!} createdByUserId={fileHandle.createdBy} />\n    )\n  } else if (previewType === PreviewRendererType.PDF) {\n    return (\n      <PdfPreview\n        fileHandle={fileHandle}\n        fileHandleAssociation={fileHandleAssociation}\n      />\n    )\n  } else {\n    if (previewType !== PreviewRendererType.NONE) {\n      console.warn(\n        `Rendering a preview of type ${previewType} is not supported in Portals`,\n      )\n    }\n    return <></>\n  }\n}\n"],"mappings":";;;;;;;;AAYA,IAAM,IAAgB,KAAK;AAgB3B,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,eAAY,0BAAuB,mBAAgB,GASrD,EAAE,MAAM,GAAS,iBAAc,EACnC,GACA;EARA,gBAAgB,CAAC,CAAqB;EACtC,sBAAsB;EACtB,oBAAoB;EACpB,6BAA6B;CAK7B,GACA,GACA,EAAE,cAAc,GAAK,CACvB;CAsBE,OApBE,IACK,kBAAC,GAAD,CAAiB,CAAA,IAEtB,MAAgB,EAAoB,OAEpC,kBAAC,GAAD;EAAa,SAAS;EAAU,iBAAiB,EAAW;CAAY,CAAA,IAEjE,MAAgB,EAAoB,MAE3C,kBAAC,GAAD;EACc;EACW;CACxB,CAAA,KAGC,MAAgB,EAAoB,QACtC,QAAQ,KACN,+BAA+B,EAAY,6BAC7C,GAEK,kBAAA,GAAA,CAAI,CAAA;AAEf"}
+{"version":3,"file":"FileHandleContentRenderer.js","names":[],"sources":["../../../src/components/FilePreview/FileHandleContentRenderer.tsx"],"sourcesContent":["import { useGetPresignedUrlContent } from '@/synapse-queries/file/useFiles'\nimport { MB } from '@/utils/SynapseConstants'\nimport {\n  BatchFileRequest,\n  FileHandle,\n  FileHandleAssociation,\n} from '@sage-bionetworks/synapse-types'\nimport { useMemo } from 'react'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport HtmlPreview from './HtmlPreview/HtmlPreview'\nimport PdfPreview from './PdfPreview'\nimport { PreviewRendererType } from './PreviewRendererType'\n\nconst MAX_FILE_SIZE = 30 * MB\n\ntype FileHandleContentProps = {\n  /** The file handle whose contents should be downloaded and rendered */\n  fileHandle: FileHandle\n  /** The association between the file handle and an object which will give the user permission to access the file data */\n  fileHandleAssociation: FileHandleAssociation\n}\n\n/**\n * Downloads a file handle's contents as text and renders it as sanitized HTML.\n */\nfunction HtmlPreviewLoader(props: FileHandleContentProps) {\n  const { fileHandle, fileHandleAssociation } = props\n\n  const batchFileRequest: BatchFileRequest = useMemo(\n    () => ({\n      requestedFiles: [fileHandleAssociation],\n      includePreSignedURLs: true,\n      includeFileHandles: false,\n      includePreviewPreSignedURLs: false,\n    }),\n    [fileHandleAssociation],\n  )\n\n  const { data: content, isLoading } = useGetPresignedUrlContent(\n    fileHandle,\n    batchFileRequest,\n    MAX_FILE_SIZE,\n    { throwOnError: true },\n  )\n\n  if (isLoading) {\n    return <SynapseSpinner />\n  }\n\n  return (\n    <HtmlPreview rawHtml={content!} createdByUserId={fileHandle.createdBy} />\n  )\n}\n\nexport type FileHandleContentRendererProps = FileHandleContentProps & {\n  /** Informs how to render the file data */\n  previewType: PreviewRendererType\n}\n\n/**\n * Renders the contents of a file handle. Each supported preview type is responsible for retrieving the file data in\n * whichever form it needs.\n * @param props\n * @returns\n */\nexport default function FileHandleContentRenderer(\n  props: FileHandleContentRendererProps,\n) {\n  const { fileHandle, fileHandleAssociation, previewType } = props\n\n  switch (previewType) {\n    case PreviewRendererType.HTML:\n      return (\n        <HtmlPreviewLoader\n          fileHandle={fileHandle}\n          fileHandleAssociation={fileHandleAssociation}\n        />\n      )\n    case PreviewRendererType.PDF:\n      return (\n        <PdfPreview\n          fileHandle={fileHandle}\n          fileHandleAssociation={fileHandleAssociation}\n        />\n      )\n    case PreviewRendererType.NONE:\n      return <></>\n    default:\n      console.warn(\n        `Rendering a preview of type ${previewType} is not supported in Portals`,\n      )\n      return <></>\n  }\n}\n"],"mappings":";;;;;;;;;AAaA,IAAM,IAAgB,KAAK;AAY3B,SAAS,EAAkB,GAA+B;CACxD,IAAM,EAAE,eAAY,6BAA0B,GAYxC,EAAE,MAAM,GAAS,iBAAc,EACnC,GAXyC,SAClC;EACL,gBAAgB,CAAC,CAAqB;EACtC,sBAAsB;EACtB,oBAAoB;EACpB,6BAA6B;CAC/B,IACA,CAAC,CAAqB,CAKtB,GACA,GACA,EAAE,cAAc,GAAK,CACvB;CAMA,OAJI,IACK,kBAAC,GAAD,CAAiB,CAAA,IAIxB,kBAAC,GAAD;EAAa,SAAS;EAAU,iBAAiB,EAAW;CAAY,CAAA;AAE5E;AAaA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,eAAY,0BAAuB,mBAAgB;CAE3D,QAAQ,GAAR;EACE,KAAK,EAAoB,MACvB,OACE,kBAAC,GAAD;GACc;GACW;EACxB,CAAA;EAEL,KAAK,EAAoB,KACvB,OACE,kBAAC,GAAD;GACc;GACW;EACxB,CAAA;EAEL,KAAK,EAAoB,MACvB,OAAO,kBAAA,GAAA,CAAI,CAAA;EACb,SAIE,OAHA,QAAQ,KACN,+BAA+B,EAAY,6BAC7C,GACO,kBAAA,GAAA,CAAI,CAAA;CACf;AACF"}

package/dist/components/FilePreview/PdfPreview.d.ts

@@ -5,7 +5,7 @@ export type PdfPreviewProps = {
 };
 export declare const maxPdfSize: number;
 /**
- * Renders raw HTML. Uses file handle data to determine if the content should be sanitized.
+ * Renders a PDF file handle in an iframe.
  * @param props
  * @returns
  */

package/dist/components/FilePreview/PdfPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PdfPreview.d.ts","sourceRoot":"","sources":["../../../src/components/FilePreview/PdfPreview.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,UAAU,EACV,qBAAqB,EACtB,MAAM,iCAAiC,CAAA;AAGxC,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,EAAE,UAAU,CAAA;IACtB,qBAAqB,EAAE,qBAAqB,CAAA;CAC7C,CAAA;AAED,eAAO,MAAM,UAAU,QAAyB,CAAA;AAGhD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,2CAsCxD"}
+{"version":3,"file":"PdfPreview.d.ts","sourceRoot":"","sources":["../../../src/components/FilePreview/PdfPreview.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,UAAU,EACV,qBAAqB,EACtB,MAAM,iCAAiC,CAAA;AAExC,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,EAAE,UAAU,CAAA;IACtB,qBAAqB,EAAE,qBAAqB,CAAA;CAC7C,CAAA;AAED,eAAO,MAAM,UAAU,QAAyB,CAAA;AAGhD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,2CAwCxD"}

package/dist/components/FilePreview/PdfPreview.js

@@ -1,40 +1,39 @@
 import { calculateFriendlyFileSize as e } from "../../utils/functions/calculateFriendlyFileSize.js";
-import t from "../../synapse-client/index.js";
-import { useFetchBlobUrl as n } from "../../utils/hooks/useFetchBlobUrl.js";
-import { Alert as r, Skeleton as i } from "@mui/material";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useGetStablePresignedUrl as t } from "../../synapse-queries/file/useFiles.js";
+import { Alert as n, Skeleton as r } from "@mui/material";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/FilePreview/PdfPreview.tsx
-var s = 1024 ** 2 * 30, c = e(s);
-function l(l) {
-	let { fileHandle: u, fileHandleAssociation: d } = l, { blobUrl: f, error: p } = n(u.contentSize > s ? void 0 : t.getPortalFileHandleServletUrl(d.fileHandleId, d.associateObjectId, d.associateObjectType)), m = e(u.contentSize);
-	return u.contentSize > s ? /* @__PURE__ */ o(r, {
+var o = 1024 ** 2 * 30, s = e(o);
+function c(c) {
+	let { fileHandle: l, fileHandleAssociation: u } = c, d = l.contentSize > o, f = t(u, !1, { enabled: !d }), p = f?.dataUrl, m = f?.queryResult.error, h = e(l.contentSize);
+	return d ? /* @__PURE__ */ a(n, {
 		severity: "error",
 		sx: { marginBottom: "20px" },
 		children: [
 			"The PDF preview was not shown because the file size (",
-			m,
+			h,
 			") exceeds the maximum preview size (",
-			c,
+			s,
 			")"
 		]
-	}) : p ? /* @__PURE__ */ o(r, {
+	}) : m ? /* @__PURE__ */ a(n, {
 		severity: "error",
 		sx: { marginBottom: "20px" },
-		children: ["The PDF preview could not be loaded: ", p.message]
-	}) : f ? /* @__PURE__ */ a("iframe", {
-		src: f,
+		children: ["The PDF preview could not be loaded: ", m.message]
+	}) : p ? /* @__PURE__ */ i("iframe", {
+		src: p,
 		height: "800px",
 		style: {
 			border: 0,
 			width: "100%"
 		}
-	}) : /* @__PURE__ */ a(i, {
+	}) : /* @__PURE__ */ i(r, {
 		variant: "rectangular",
 		width: "100%",
 		height: "800px"
 	});
 }
 //#endregion
-export { l as default, s as maxPdfSize };
+export { c as default, o as maxPdfSize };
 
 //# sourceMappingURL=PdfPreview.js.map

package/dist/components/FilePreview/PdfPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"PdfPreview.js","names":[],"sources":["../../../src/components/FilePreview/PdfPreview.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { Alert, Skeleton } from '@mui/material'\nimport {\n  FileHandle,\n  FileHandleAssociation,\n} from '@sage-bionetworks/synapse-types'\nimport { useFetchBlobUrl } from '@/utils/hooks/useFetchBlobUrl'\n\nexport type PdfPreviewProps = {\n  fileHandle: FileHandle\n  fileHandleAssociation: FileHandleAssociation\n}\n\nexport const maxPdfSize = Math.pow(1024, 2) * 30 // 30MB\nconst friendlyMaxPdfSize = calculateFriendlyFileSize(maxPdfSize) // 30MB\n\n/**\n * Renders raw HTML. Uses file handle data to determine if the content should be sanitized.\n * @param props\n * @returns\n */\nexport default function PdfPreview(props: PdfPreviewProps) {\n  const { fileHandle, fileHandleAssociation: fha } = props\n\n  const { blobUrl, error: blobError } = useFetchBlobUrl(\n    fileHandle.contentSize > maxPdfSize\n      ? undefined\n      : SynapseClient.getPortalFileHandleServletUrl(\n          fha.fileHandleId,\n          fha.associateObjectId,\n          fha.associateObjectType,\n        ),\n  )\n\n  const friendlyFileSize = calculateFriendlyFileSize(fileHandle.contentSize)\n  if (fileHandle.contentSize > maxPdfSize) {\n    return (\n      <Alert severity=\"error\" sx={{ marginBottom: '20px' }}>\n        The PDF preview was not shown because the file size ({friendlyFileSize})\n        exceeds the maximum preview size ({friendlyMaxPdfSize})\n      </Alert>\n    )\n  }\n\n  if (blobError) {\n    return (\n      <Alert severity=\"error\" sx={{ marginBottom: '20px' }}>\n        The PDF preview could not be loaded: {blobError.message}\n      </Alert>\n    )\n  }\n\n  if (!blobUrl) {\n    return <Skeleton variant=\"rectangular\" width=\"100%\" height=\"800px\" />\n  }\n\n  return (\n    <iframe src={blobUrl} height=\"800px\" style={{ border: 0, width: '100%' }} />\n  )\n}\n"],"mappings":";;;;;;AAcA,IAAa,IAAsB,QAAM,IAAK,IACxC,IAAqB,EAA0B,CAAU;AAO/D,SAAwB,EAAW,GAAwB;CACzD,IAAM,EAAE,eAAY,uBAAuB,MAAQ,GAE7C,EAAE,YAAS,OAAO,MAAc,EACpC,EAAW,cAAc,IACrB,KAAA,IACA,EAAc,8BACZ,EAAI,cACJ,EAAI,mBACJ,EAAI,mBACN,CACN,GAEM,IAAmB,EAA0B,EAAW,WAAW;CAsBzE,OArBI,EAAW,cAAc,IAEzB,kBAAC,GAAD;EAAO,UAAS;EAAQ,IAAI,EAAE,cAAc,OAAO;YAAnD;GAAsD;GACE;GAAiB;GACpC;GAAmB;EACjD;MAIP,IAEA,kBAAC,GAAD;EAAO,UAAS;EAAQ,IAAI,EAAE,cAAc,OAAO;YAAnD,CAAsD,yCACd,EAAU,OAC3C;MAIN,IAKH,kBAAC,UAAD;EAAQ,KAAK;EAAS,QAAO;EAAQ,OAAO;GAAE,QAAQ;GAAG,OAAO;EAAO;CAAI,CAAA,IAJpE,kBAAC,GAAD;EAAU,SAAQ;EAAc,OAAM;EAAO,QAAO;CAAS,CAAA;AAMxE"}
+{"version":3,"file":"PdfPreview.js","names":[],"sources":["../../../src/components/FilePreview/PdfPreview.tsx"],"sourcesContent":["import { useGetStablePresignedUrl } from '@/synapse-queries/file/useFiles'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { Alert, Skeleton } from '@mui/material'\nimport {\n  FileHandle,\n  FileHandleAssociation,\n} from '@sage-bionetworks/synapse-types'\n\nexport type PdfPreviewProps = {\n  fileHandle: FileHandle\n  fileHandleAssociation: FileHandleAssociation\n}\n\nexport const maxPdfSize = Math.pow(1024, 2) * 30 // 30MB\nconst friendlyMaxPdfSize = calculateFriendlyFileSize(maxPdfSize) // 30MB\n\n/**\n * Renders a PDF file handle in an iframe.\n * @param props\n * @returns\n */\nexport default function PdfPreview(props: PdfPreviewProps) {\n  const { fileHandle, fileHandleAssociation } = props\n\n  const exceedsMaxSize = fileHandle.contentSize > maxPdfSize\n\n  // The presigned URL is fetched into a blob rather than used as the iframe src directly: Synapse signs the URL with\n  // `response-content-disposition=attachment`, which would make the browser download the file instead of rendering it.\n  const stablePresignedUrl = useGetStablePresignedUrl(\n    fileHandleAssociation,\n    false,\n    { enabled: !exceedsMaxSize },\n  )\n  const blobUrl = stablePresignedUrl?.dataUrl\n  const blobError = stablePresignedUrl?.queryResult.error\n\n  const friendlyFileSize = calculateFriendlyFileSize(fileHandle.contentSize)\n  if (exceedsMaxSize) {\n    return (\n      <Alert severity=\"error\" sx={{ marginBottom: '20px' }}>\n        The PDF preview was not shown because the file size ({friendlyFileSize})\n        exceeds the maximum preview size ({friendlyMaxPdfSize})\n      </Alert>\n    )\n  }\n\n  if (blobError) {\n    return (\n      <Alert severity=\"error\" sx={{ marginBottom: '20px' }}>\n        The PDF preview could not be loaded: {blobError.message}\n      </Alert>\n    )\n  }\n\n  if (!blobUrl) {\n    return <Skeleton variant=\"rectangular\" width=\"100%\" height=\"800px\" />\n  }\n\n  return (\n    <iframe src={blobUrl} height=\"800px\" style={{ border: 0, width: '100%' }} />\n  )\n}\n"],"mappings":";;;;;AAaA,IAAa,IAAsB,QAAM,IAAK,IACxC,IAAqB,EAA0B,CAAU;AAO/D,SAAwB,EAAW,GAAwB;CACzD,IAAM,EAAE,eAAY,6BAA0B,GAExC,IAAiB,EAAW,cAAc,GAI1C,IAAqB,EACzB,GACA,IACA,EAAE,SAAS,CAAC,EAAe,CAC7B,GACM,IAAU,GAAoB,SAC9B,IAAY,GAAoB,YAAY,OAE5C,IAAmB,EAA0B,EAAW,WAAW;CAsBzE,OArBI,IAEA,kBAAC,GAAD;EAAO,UAAS;EAAQ,IAAI,EAAE,cAAc,OAAO;YAAnD;GAAsD;GACE;GAAiB;GACpC;GAAmB;EACjD;MAIP,IAEA,kBAAC,GAAD;EAAO,UAAS;EAAQ,IAAI,EAAE,cAAc,OAAO;YAAnD,CAAsD,yCACd,EAAU,OAC3C;MAIN,IAKH,kBAAC,UAAD;EAAQ,KAAK;EAAS,QAAO;EAAQ,OAAO;GAAE,QAAQ;GAAG,OAAO;EAAO;CAAI,CAAA,IAJpE,kBAAC,GAAD;EAAU,SAAQ;EAAc,OAAM;EAAO,QAAO;CAAS,CAAA;AAMxE"}

package/dist/components/FormTemplateEditor/FieldDefinitionDrawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldDefinitionDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/FieldDefinitionDrawer.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAExC,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AAmB5E,MAAM,MAAM,0BAA0B,GAAG;IACvC,IAAI,EAAE,OAAO,CAAA;IACb,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,6EAA6E;IAC7E,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACzB,QAAQ,EAAE,UAAU,GAAG,IAAI,CAAA;IAC3B,UAAU,EAAE,OAAO,CAAA;IACnB;;;;;;OAMG;IACH,OAAO,EAAE,qBAAqB,CAAA;IAC9B,qFAAqF;IACrF,aAAa,EAAE,OAAO,CAAA;IACtB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAA;IAC9C,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAA;IACrC,gBAAgB,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/C,eAAe,EAAE,CAAC,OAAO,EAAE,qBAAqB,KAAK,IAAI,CAAA;IACzD,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,OAAO,EACP,aAAa,EACb,OAAO,EACP,QAAQ,EACR,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,QAAQ,GACT,EAAE,0BAA0B,2CAqM5B"}
+{"version":3,"file":"FieldDefinitionDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/FieldDefinitionDrawer.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAExC,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AAoB5E,MAAM,MAAM,0BAA0B,GAAG;IACvC,IAAI,EAAE,OAAO,CAAA;IACb,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,6EAA6E;IAC7E,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACzB,QAAQ,EAAE,UAAU,GAAG,IAAI,CAAA;IAC3B,UAAU,EAAE,OAAO,CAAA;IACnB;;;;;;OAMG;IACH,OAAO,EAAE,qBAAqB,CAAA;IAC9B,qFAAqF;IACrF,aAAa,EAAE,OAAO,CAAA;IACtB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAA;IAC9C,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAA;IACrC,gBAAgB,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/C,eAAe,EAAE,CAAC,OAAO,EAAE,qBAAqB,KAAK,IAAI,CAAA;IACzD,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,OAAO,EACP,aAAa,EACb,OAAO,EACP,QAAQ,EACR,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,QAAQ,GACT,EAAE,0BAA0B,2CA8M5B"}