synapse-react-client 4.0.19 → 4.0.21

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

@@ -1 +1 @@
-{"version":3,"file":"useColumnResizeHandles.js","names":["useEffect","useRef","Column","useResizeObserver","ResizeHandleElement","HTMLDivElement","__cellElement","HTMLElement","__columnName","UseColumnResizeHandlesProps","wrapperRef","React","RefObject","colValues","onColumnResize","columnName","newWidth","ResizeState","startX","startWidth","handle","initialLeft","ColumnResizeManager","COLUMN_MIN_WIDTH_PX","handlesMap","Map","cleanupFunctions","Array","activeResize","gridContainer","headerRow","Element","observer","MutationObserver","constructor","name","width","updateColumns","syncHandles","initialize","querySelector","setupEventListeners","createNewHandle","Error","document","createElement","className","dataset","style","position","top","cursor","pointerEvents","zIndex","onMouseDown","e","MouseEvent","handleMouseDown","addEventListener","push","removeEventListener","appendChild","set","createOrUpdateHandle","cellElement","columnIndex","id","get","updateHandlePosition","gridHeight","scrollHeight","left","offsetLeft","offsetWidth","height","display","preventDefault","stopPropagation","currentColumnName","currentCellElement","currentLeft","parseFloat","clientX","classList","add","body","handleMouseMove","deltaX","handleMouseUp","Math","max","remove","headerCells","querySelectorAll","length","visibleColumns","Set","forEach","cell","index","cellText","textContent","trim","actualColumnIndex","findIndex","col","has","requestAnimationFrame","observe","childList","subtree","disconnect","cleanup","item","clear","useColumnResizeHandles","t0","$","_c","managerRef","t1","entry","current","contentRect","manager","success","t2","t3","t4","t5","Symbol","for"],"sources":["../../../../src/components/DataGrid/hooks/useColumnResizeHandles.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport { Column } from '@sage-bionetworks/react-datasheet-grid'\nimport { useResizeObserver } from '@react-hookz/web'\n\n// Extended HTMLDivElement with custom properties for resize handles\ninterface ResizeHandleElement extends HTMLDivElement {\n  __cellElement?: HTMLElement\n  __columnName?: string\n}\n\ntype UseColumnResizeHandlesProps = {\n  wrapperRef: React.RefObject<HTMLDivElement | null>\n  colValues: Column[]\n  onColumnResize: (columnName: string, newWidth: number) => void\n}\n\ninterface ResizeState {\n  columnName: string\n  startX: number\n  startWidth: number\n  handle: HTMLDivElement\n  initialLeft: number\n}\n\n/**\n * Encapsulates all column resize handle logic and state management.\n * Manages handle creation, positioning, mouse interactions, and cleanup.\n */\nclass ColumnResizeManager {\n  private static readonly COLUMN_MIN_WIDTH_PX = 50\n\n  private handlesMap = new Map<string, ResizeHandleElement>()\n  private cleanupFunctions: Array<(() => void) | HTMLDivElement> = []\n  private activeResize: ResizeState | null = null\n  private gridContainer: HTMLElement | null = null\n  private headerRow: Element | null = null\n  private observer: MutationObserver | null = null\n\n  constructor(\n    private colValues: Column[],\n    private onColumnResize: (name: string, width: number) => void,\n  ) {}\n\n  /**\n   * Update the column values and callback without reinitializing.\n   */\n  updateColumns(\n    colValues: Column[],\n    onColumnResize: (name: string, width: number) => void,\n  ): void {\n    this.colValues = colValues\n    this.onColumnResize = onColumnResize\n    // Resync handles with new column data\n    this.syncHandles()\n  }\n\n  /**\n   * Initialize the manager by finding grid elements and setting up event listeners.\n   * Returns true if initialization was successful, false otherwise.\n   */\n  initialize(wrapperRef: HTMLDivElement): boolean {\n    const gridContainer = wrapperRef.querySelector(\n      '.dsg-container',\n    ) as HTMLElement\n\n    if (!gridContainer) {\n      return false\n    }\n\n    const headerRow = gridContainer.querySelector('.dsg-row.dsg-row-header')\n\n    if (!headerRow) {\n      return false\n    }\n\n    this.gridContainer = gridContainer\n    this.headerRow = headerRow\n\n    this.setupEventListeners()\n    this.syncHandles()\n\n    return true\n  }\n\n  /**\n   * Creates a new resize handle element with mousedown listener.\n   */\n  private createNewHandle(columnName: string): ResizeHandleElement {\n    if (!this.gridContainer) {\n      throw new Error('Cannot create handle without grid container')\n    }\n\n    const handle = document.createElement('div') as ResizeHandleElement\n    handle.className = 'column-resize-handle'\n    handle.dataset.columnName = columnName\n    handle.style.position = 'absolute'\n    handle.style.top = '0'\n    handle.style.width = '8px'\n    handle.style.cursor = 'col-resize'\n    handle.style.pointerEvents = 'auto'\n    handle.style.zIndex = '1000'\n\n    const onMouseDown = (e: MouseEvent) => this.handleMouseDown(e, handle)\n    handle.addEventListener('mousedown', onMouseDown)\n\n    this.cleanupFunctions.push(() =>\n      handle.removeEventListener('mousedown', onMouseDown),\n    )\n\n    this.gridContainer.appendChild(handle)\n    this.cleanupFunctions.push(handle)\n    this.handlesMap.set(columnName, handle)\n\n    return handle\n  }\n\n  /**\n   * Creates or updates a handle for a given cell element.\n   */\n  private createOrUpdateHandle(\n    cellElement: HTMLElement,\n    columnIndex: number,\n  ): void {\n    const columnName = this.colValues[columnIndex]?.id as string\n    if (!columnName || !this.gridContainer) return\n\n    let handle = this.handlesMap.get(columnName)\n\n    if (!handle) {\n      handle = this.createNewHandle(columnName)\n    }\n\n    this.updateHandlePosition(handle, cellElement)\n  }\n\n  /**\n   * Updates the position and size of a handle based on its cell element.\n   */\n  private updateHandlePosition(\n    handle: ResizeHandleElement,\n    cellElement: HTMLElement,\n  ): void {\n    if (!this.gridContainer) return\n\n    const gridHeight = this.gridContainer.scrollHeight\n    const left = cellElement.offsetLeft + cellElement.offsetWidth - 3\n\n    handle.__cellElement = cellElement\n    handle.__columnName = handle.dataset.columnName\n    handle.style.left = `${left}px`\n    handle.style.height = `${gridHeight}px`\n    handle.style.display = '' // Ensure visible\n  }\n\n  /**\n   * Handles mousedown event on a resize handle to initiate dragging.\n   */\n  private handleMouseDown(e: MouseEvent, handle: ResizeHandleElement): void {\n    e.preventDefault()\n    e.stopPropagation()\n\n    // Read the column info fresh at mousedown time\n    const currentColumnName = handle.__columnName\n    const currentCellElement = handle.__cellElement\n\n    if (!currentColumnName || !currentCellElement) return\n\n    // Get current width and position at the time of mousedown\n    const currentLeft = parseFloat(handle.style.left)\n\n    this.activeResize = {\n      columnName: currentColumnName,\n      startX: e.clientX,\n      startWidth: currentCellElement.offsetWidth,\n      handle,\n      initialLeft: currentLeft,\n    }\n\n    handle.classList.add('is-resizing')\n    document.body.classList.add('col-resizing')\n  }\n\n  /**\n   * Handles mousemove event to update handle position during drag.\n   */\n  private handleMouseMove = (e: MouseEvent): void => {\n    if (!this.activeResize) return\n\n    const { startX, handle, initialLeft } = this.activeResize\n    const deltaX = e.clientX - startX\n    handle.style.left = `${initialLeft + deltaX}px`\n  }\n\n  /**\n   * Handles mouseup/mouseleave to finalize the resize operation.\n   */\n  private handleMouseUp = (e: MouseEvent): void => {\n    if (!this.activeResize) return\n\n    const { columnName, startX, startWidth, handle } = this.activeResize\n    const deltaX = e.clientX - startX\n    const newWidth = Math.max(\n      ColumnResizeManager.COLUMN_MIN_WIDTH_PX,\n      startWidth + deltaX,\n    )\n\n    handle.classList.remove('is-resizing')\n    document.body.classList.remove('col-resizing')\n    this.activeResize = null\n\n    // Only update state when drag is complete\n    this.onColumnResize(columnName, newWidth)\n  }\n\n  /**\n   * Synchronizes handles with currently visible columns in the header.\n   * Handles virtualization by showing/hiding handles as columns appear/disappear.\n   */\n  private syncHandles = (): void => {\n    if (this.activeResize || !this.headerRow) return // Don't sync during resize\n\n    const headerCells = this.headerRow.querySelectorAll('.dsg-cell')\n    if (headerCells.length <= 1) return\n\n    // Track which columns are currently visible\n    const visibleColumns = new Set<string>()\n\n    // Update or create handles for visible columns\n    headerCells.forEach((cell: Element, index: number) => {\n      if (index === 0) return // Skip gutter column\n\n      const cellElement = cell as HTMLElement\n\n      // Get the column name from the cell's text content\n      // This is more reliable than using DOM index with virtualization\n      const cellText = cellElement.textContent?.trim() || ''\n\n      // Find the actual column index in colValues by matching the id (column name)\n      // Note: col.title may be a React element (e.g. ColumnHeaderWithTooltip), so we use col.id\n      const actualColumnIndex = this.colValues.findIndex(\n        col => col.id === cellText,\n      )\n\n      if (actualColumnIndex !== -1) {\n        const columnName = this.colValues[actualColumnIndex]?.id as string\n        visibleColumns.add(columnName)\n        this.createOrUpdateHandle(cellElement, actualColumnIndex)\n      }\n    })\n\n    // Hide handles for columns that are no longer visible (virtualized out)\n    this.handlesMap.forEach((handle, columnName) => {\n      if (!visibleColumns.has(columnName)) {\n        handle.style.display = 'none'\n      }\n    })\n  }\n\n  /**\n   * Sets up all event listeners for mouse interactions, scroll, and virtualization.\n   */\n  private setupEventListeners(): void {\n    if (!this.gridContainer || !this.headerRow) return\n\n    // Global mouse event listeners\n    document.addEventListener('mousemove', this.handleMouseMove)\n    document.addEventListener('mouseup', this.handleMouseUp)\n    document.addEventListener('mouseleave', this.handleMouseUp)\n\n    // Scroll listener for updating handle positions\n    this.gridContainer.addEventListener('scroll', this.syncHandles)\n\n    // MutationObserver to detect when columns are added/removed due to virtualization\n    this.observer = new MutationObserver(() => {\n      // Debounce mutations to avoid excessive syncs\n      requestAnimationFrame(() => {\n        this.syncHandles()\n      })\n    })\n\n    this.observer.observe(this.headerRow, {\n      childList: true, // Watch for added/removed columns\n      subtree: true,\n    })\n\n    // Register cleanup functions\n    this.cleanupFunctions.push(() => {\n      document.removeEventListener('mousemove', this.handleMouseMove)\n      document.removeEventListener('mouseup', this.handleMouseUp)\n      document.removeEventListener('mouseleave', this.handleMouseUp)\n      this.gridContainer?.removeEventListener('scroll', this.syncHandles)\n      this.observer?.disconnect()\n    })\n  }\n\n  /**\n   * Cleans up all handles, event listeners, and resets state.\n   */\n  cleanup(): void {\n    // Ensure cursor class is removed\n    document.body.classList.remove('col-resizing')\n\n    // Reset active resize state\n    if (this.activeResize) {\n      this.activeResize.handle?.classList.remove('is-resizing')\n      this.activeResize = null\n    }\n\n    // Run all cleanup functions and remove handles\n    this.cleanupFunctions.forEach(item => {\n      if (typeof item === 'function') {\n        item()\n      } else {\n        // It's a handle element, remove it\n        item.remove()\n      }\n    })\n\n    this.cleanupFunctions = []\n    this.handlesMap.clear()\n    this.gridContainer = null\n    this.headerRow = null\n    this.observer = null\n  }\n}\n\n/**\n * Custom hook that manages interactive column resize handles for a data grid.\n * Creates, positions, and updates resize handles that allow users to drag column borders.\n * Handles virtualization, scrolling, and proper cleanup.\n */\nexport function useColumnResizeHandles({\n  wrapperRef,\n  colValues,\n  onColumnResize,\n}: UseColumnResizeHandlesProps) {\n  const managerRef = useRef<ColumnResizeManager | null>(null)\n\n  // Use react-hookz useResizeObserver to detect when wrapper is rendered and sized\n  useResizeObserver(wrapperRef, entry => {\n    if (!wrapperRef.current || !entry || entry.contentRect.height === 0) {\n      return\n    }\n\n    // Initialize manager if not already done\n    if (!managerRef.current) {\n      const manager = new ColumnResizeManager(colValues, onColumnResize)\n      const success = manager.initialize(wrapperRef.current)\n      if (success) {\n        managerRef.current = manager\n      }\n    }\n  })\n\n  useEffect(() => {\n    // Update columns when they change instead of full reinitialization\n    if (managerRef.current) {\n      managerRef.current.updateColumns(colValues, onColumnResize)\n    }\n  }, [colValues, onColumnResize])\n\n  useEffect(() => {\n    // Cleanup on unmount\n    return () => {\n      managerRef.current?.cleanup()\n      managerRef.current = null\n    }\n  }, [])\n}\n"],"mappings":"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"}
+{"version":3,"file":"useColumnResizeHandles.js","names":["useEffect","useRef","Column","useResizeObserver","ResizeHandleElement","HTMLDivElement","__cellElement","HTMLElement","__columnName","UseColumnResizeHandlesProps","wrapperRef","React","RefObject","colValues","onColumnResize","columnName","newWidth","ResizeState","startX","startWidth","handle","initialLeft","ColumnResizeManager","COLUMN_MIN_WIDTH_PX","handlesMap","Map","cleanupFunctions","Array","activeResize","gridContainer","headerRow","Element","observer","MutationObserver","constructor","name","width","updateColumns","syncHandles","initialize","querySelector","setupEventListeners","createNewHandle","Error","document","createElement","className","dataset","style","position","top","cursor","pointerEvents","zIndex","onMouseDown","e","MouseEvent","handleMouseDown","addEventListener","push","removeEventListener","appendChild","set","createOrUpdateHandle","cellElement","columnIndex","id","get","updateHandlePosition","gridHeight","scrollHeight","left","offsetLeft","offsetWidth","height","display","preventDefault","stopPropagation","currentColumnName","currentCellElement","currentLeft","parseFloat","clientX","classList","add","body","handleMouseMove","deltaX","handleMouseUp","Math","max","remove","headerCells","querySelectorAll","length","visibleColumns","Set","forEach","cell","index","columnId","textContent","trim","actualColumnIndex","findIndex","col","has","requestAnimationFrame","observe","childList","subtree","disconnect","cleanup","item","clear","useColumnResizeHandles","t0","$","_c","managerRef","t1","entry","current","contentRect","manager","success","t2","t3","t4","t5","Symbol","for"],"sources":["../../../../src/components/DataGrid/hooks/useColumnResizeHandles.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport { Column } from '@sage-bionetworks/react-datasheet-grid'\nimport { useResizeObserver } from '@react-hookz/web'\n\n// Extended HTMLDivElement with custom properties for resize handles\ninterface ResizeHandleElement extends HTMLDivElement {\n  __cellElement?: HTMLElement\n  __columnName?: string\n}\n\ntype UseColumnResizeHandlesProps = {\n  wrapperRef: React.RefObject<HTMLDivElement | null>\n  colValues: Column[]\n  onColumnResize: (columnName: string, newWidth: number) => void\n}\n\ninterface ResizeState {\n  columnName: string\n  startX: number\n  startWidth: number\n  handle: HTMLDivElement\n  initialLeft: number\n}\n\n/**\n * Encapsulates all column resize handle logic and state management.\n * Manages handle creation, positioning, mouse interactions, and cleanup.\n */\nclass ColumnResizeManager {\n  private static readonly COLUMN_MIN_WIDTH_PX = 50\n\n  private handlesMap = new Map<string, ResizeHandleElement>()\n  private cleanupFunctions: Array<(() => void) | HTMLDivElement> = []\n  private activeResize: ResizeState | null = null\n  private gridContainer: HTMLElement | null = null\n  private headerRow: Element | null = null\n  private observer: MutationObserver | null = null\n\n  constructor(\n    private colValues: Column[],\n    private onColumnResize: (name: string, width: number) => void,\n  ) {}\n\n  /**\n   * Update the column values and callback without reinitializing.\n   */\n  updateColumns(\n    colValues: Column[],\n    onColumnResize: (name: string, width: number) => void,\n  ): void {\n    this.colValues = colValues\n    this.onColumnResize = onColumnResize\n    // Resync handles with new column data\n    this.syncHandles()\n  }\n\n  /**\n   * Initialize the manager by finding grid elements and setting up event listeners.\n   * Returns true if initialization was successful, false otherwise.\n   */\n  initialize(wrapperRef: HTMLDivElement): boolean {\n    const gridContainer = wrapperRef.querySelector(\n      '.dsg-container',\n    ) as HTMLElement\n\n    if (!gridContainer) {\n      return false\n    }\n\n    const headerRow = gridContainer.querySelector('.dsg-row.dsg-row-header')\n\n    if (!headerRow) {\n      return false\n    }\n\n    this.gridContainer = gridContainer\n    this.headerRow = headerRow\n\n    this.setupEventListeners()\n    this.syncHandles()\n\n    return true\n  }\n\n  /**\n   * Creates a new resize handle element with mousedown listener.\n   */\n  private createNewHandle(columnName: string): ResizeHandleElement {\n    if (!this.gridContainer) {\n      throw new Error('Cannot create handle without grid container')\n    }\n\n    const handle = document.createElement('div') as ResizeHandleElement\n    handle.className = 'column-resize-handle'\n    handle.dataset.columnName = columnName\n    handle.style.position = 'absolute'\n    handle.style.top = '0'\n    handle.style.width = '8px'\n    handle.style.cursor = 'col-resize'\n    handle.style.pointerEvents = 'auto'\n    handle.style.zIndex = '1000'\n\n    const onMouseDown = (e: MouseEvent) => this.handleMouseDown(e, handle)\n    handle.addEventListener('mousedown', onMouseDown)\n\n    this.cleanupFunctions.push(() =>\n      handle.removeEventListener('mousedown', onMouseDown),\n    )\n\n    this.gridContainer.appendChild(handle)\n    this.cleanupFunctions.push(handle)\n    this.handlesMap.set(columnName, handle)\n\n    return handle\n  }\n\n  /**\n   * Creates or updates a handle for a given cell element.\n   */\n  private createOrUpdateHandle(\n    cellElement: HTMLElement,\n    columnIndex: number,\n  ): void {\n    const columnName = this.colValues[columnIndex]?.id as string\n    if (!columnName || !this.gridContainer) return\n\n    let handle = this.handlesMap.get(columnName)\n\n    if (!handle) {\n      handle = this.createNewHandle(columnName)\n    }\n\n    this.updateHandlePosition(handle, cellElement)\n  }\n\n  /**\n   * Updates the position and size of a handle based on its cell element.\n   */\n  private updateHandlePosition(\n    handle: ResizeHandleElement,\n    cellElement: HTMLElement,\n  ): void {\n    if (!this.gridContainer) return\n\n    const gridHeight = this.gridContainer.scrollHeight\n    const left = cellElement.offsetLeft + cellElement.offsetWidth - 3\n\n    handle.__cellElement = cellElement\n    handle.__columnName = handle.dataset.columnName\n    handle.style.left = `${left}px`\n    handle.style.height = `${gridHeight}px`\n    handle.style.display = '' // Ensure visible\n  }\n\n  /**\n   * Handles mousedown event on a resize handle to initiate dragging.\n   */\n  private handleMouseDown(e: MouseEvent, handle: ResizeHandleElement): void {\n    e.preventDefault()\n    e.stopPropagation()\n\n    // Read the column info fresh at mousedown time\n    const currentColumnName = handle.__columnName\n    const currentCellElement = handle.__cellElement\n\n    if (!currentColumnName || !currentCellElement) return\n\n    // Get current width and position at the time of mousedown\n    const currentLeft = parseFloat(handle.style.left)\n\n    this.activeResize = {\n      columnName: currentColumnName,\n      startX: e.clientX,\n      startWidth: currentCellElement.offsetWidth,\n      handle,\n      initialLeft: currentLeft,\n    }\n\n    handle.classList.add('is-resizing')\n    document.body.classList.add('col-resizing')\n  }\n\n  /**\n   * Handles mousemove event to update handle position during drag.\n   */\n  private handleMouseMove = (e: MouseEvent): void => {\n    if (!this.activeResize) return\n\n    const { startX, handle, initialLeft } = this.activeResize\n    const deltaX = e.clientX - startX\n    handle.style.left = `${initialLeft + deltaX}px`\n  }\n\n  /**\n   * Handles mouseup/mouseleave to finalize the resize operation.\n   */\n  private handleMouseUp = (e: MouseEvent): void => {\n    if (!this.activeResize) return\n\n    const { columnName, startX, startWidth, handle } = this.activeResize\n    const deltaX = e.clientX - startX\n    const newWidth = Math.max(\n      ColumnResizeManager.COLUMN_MIN_WIDTH_PX,\n      startWidth + deltaX,\n    )\n\n    handle.classList.remove('is-resizing')\n    document.body.classList.remove('col-resizing')\n    this.activeResize = null\n\n    // Only update state when drag is complete\n    this.onColumnResize(columnName, newWidth)\n  }\n\n  /**\n   * Synchronizes handles with currently visible columns in the header.\n   * Handles virtualization by showing/hiding handles as columns appear/disappear.\n   */\n  private syncHandles = (): void => {\n    if (this.activeResize || !this.headerRow) return // Don't sync during resize\n\n    const headerCells = this.headerRow.querySelectorAll('.dsg-cell')\n    if (headerCells.length <= 1) return\n\n    // Track which columns are currently visible\n    const visibleColumns = new Set<string>()\n\n    // Update or create handles for visible columns\n    headerCells.forEach((cell: Element, index: number) => {\n      if (index === 0) return // Skip gutter column\n\n      const cellElement = cell as HTMLElement\n\n      // Prefer the data-column-id attribute set by ColumnHeaderWithTooltip over\n      // textContent, which can include extra characters (e.g. the required \"*\").\n      const columnId =\n        cellElement.querySelector<HTMLElement>('[data-column-id]')?.dataset\n          .columnId ??\n        cellElement.textContent?.trim() ??\n        ''\n\n      // Find the actual column index in colValues by matching the id (column name)\n      // Note: col.title may be a React element (e.g. ColumnHeaderWithTooltip), so we use col.id\n      const actualColumnIndex = this.colValues.findIndex(\n        col => col.id === columnId,\n      )\n\n      if (actualColumnIndex !== -1) {\n        const columnName = this.colValues[actualColumnIndex]?.id as string\n        visibleColumns.add(columnName)\n        this.createOrUpdateHandle(cellElement, actualColumnIndex)\n      }\n    })\n\n    // Hide handles for columns that are no longer visible (virtualized out)\n    this.handlesMap.forEach((handle, columnName) => {\n      if (!visibleColumns.has(columnName)) {\n        handle.style.display = 'none'\n      }\n    })\n  }\n\n  /**\n   * Sets up all event listeners for mouse interactions, scroll, and virtualization.\n   */\n  private setupEventListeners(): void {\n    if (!this.gridContainer || !this.headerRow) return\n\n    // Global mouse event listeners\n    document.addEventListener('mousemove', this.handleMouseMove)\n    document.addEventListener('mouseup', this.handleMouseUp)\n    document.addEventListener('mouseleave', this.handleMouseUp)\n\n    // Scroll listener for updating handle positions\n    this.gridContainer.addEventListener('scroll', this.syncHandles)\n\n    // MutationObserver to detect when columns are added/removed due to virtualization\n    this.observer = new MutationObserver(() => {\n      // Debounce mutations to avoid excessive syncs\n      requestAnimationFrame(() => {\n        this.syncHandles()\n      })\n    })\n\n    this.observer.observe(this.headerRow, {\n      childList: true, // Watch for added/removed columns\n      subtree: true,\n    })\n\n    // Register cleanup functions\n    this.cleanupFunctions.push(() => {\n      document.removeEventListener('mousemove', this.handleMouseMove)\n      document.removeEventListener('mouseup', this.handleMouseUp)\n      document.removeEventListener('mouseleave', this.handleMouseUp)\n      this.gridContainer?.removeEventListener('scroll', this.syncHandles)\n      this.observer?.disconnect()\n    })\n  }\n\n  /**\n   * Cleans up all handles, event listeners, and resets state.\n   */\n  cleanup(): void {\n    // Ensure cursor class is removed\n    document.body.classList.remove('col-resizing')\n\n    // Reset active resize state\n    if (this.activeResize) {\n      this.activeResize.handle?.classList.remove('is-resizing')\n      this.activeResize = null\n    }\n\n    // Run all cleanup functions and remove handles\n    this.cleanupFunctions.forEach(item => {\n      if (typeof item === 'function') {\n        item()\n      } else {\n        // It's a handle element, remove it\n        item.remove()\n      }\n    })\n\n    this.cleanupFunctions = []\n    this.handlesMap.clear()\n    this.gridContainer = null\n    this.headerRow = null\n    this.observer = null\n  }\n}\n\n/**\n * Custom hook that manages interactive column resize handles for a data grid.\n * Creates, positions, and updates resize handles that allow users to drag column borders.\n * Handles virtualization, scrolling, and proper cleanup.\n */\nexport function useColumnResizeHandles({\n  wrapperRef,\n  colValues,\n  onColumnResize,\n}: UseColumnResizeHandlesProps) {\n  const managerRef = useRef<ColumnResizeManager | null>(null)\n\n  // Use react-hookz useResizeObserver to detect when wrapper is rendered and sized\n  useResizeObserver(wrapperRef, entry => {\n    if (!wrapperRef.current || !entry || entry.contentRect.height === 0) {\n      return\n    }\n\n    // Initialize manager if not already done\n    if (!managerRef.current) {\n      const manager = new ColumnResizeManager(colValues, onColumnResize)\n      const success = manager.initialize(wrapperRef.current)\n      if (success) {\n        managerRef.current = manager\n      }\n    }\n  })\n\n  useEffect(() => {\n    // Update columns when they change instead of full reinitialization\n    if (managerRef.current) {\n      managerRef.current.updateColumns(colValues, onColumnResize)\n    }\n  }, [colValues, onColumnResize])\n\n  useEffect(() => {\n    // Cleanup on unmount\n    return () => {\n      managerRef.current?.cleanup()\n      managerRef.current = null\n    }\n  }, [])\n}\n"],"mappings":";;;;AA4BA,IAAMsB,IAAN,MAAMA,EAAoB;CAWdT;CACAC;CAXV,OAAwBS,sBAAsB;CAE9C,6BAAqB,IAAIE,IAAiC;CAC1D,mBAAiE,CAAA;CACjE,eAA2C;CAC3C,gBAA4C;CAC5C,YAAoC;CACpC,WAA4C;CAE5CS,YACE,GACA,GACA;EADQpB,AADAD,KAAAA,YAAAA,GACAC,KAAAA,iBAAAA;CACP;CAKHuB,cACExB,GACAC,GACM;EAIN,AAHA,KAAKD,YAAYA,GACjB,KAAKC,iBAAiBA,GAEtB,KAAKwB,YAAY;CACnB;CAMAC,WAAW7B,GAAqC;EAC9C,IAAMmB,IAAgBnB,EAAW8B,cAC/B,gBACF;EAEA,IAAI,CAACX,GACH,OAAO;EAGT,IAAMC,IAAYD,EAAcW,cAAc,yBAAyB;EAYvE,OAVKV,KAIL,KAAKD,gBAAgBA,GACrB,KAAKC,YAAYA,GAEjB,KAAKW,oBAAoB,GACzB,KAAKH,YAAY,GAEV,MATE;CAUX;CAKA,gBAAwBvB,GAAyC;EAC/D,IAAI,CAAC,KAAKc,eACR,MAAUc,MAAM,6CAA6C;EAG/D,IAAMvB,IAASwB,SAASC,cAAc,KAAK;EAQ3CzB,AAPAA,EAAO0B,YAAY,wBACnB1B,EAAO2B,QAAQhC,aAAaA,GAC5BK,EAAO4B,MAAMC,WAAW,YACxB7B,EAAO4B,MAAME,MAAM,KACnB9B,EAAO4B,MAAMZ,QAAQ,OACrBhB,EAAO4B,MAAMG,SAAS,cACtB/B,EAAO4B,MAAMI,gBAAgB,QAC7BhC,EAAO4B,MAAMK,SAAS;EAEtB,IAAMC,KAAeC,MAAkB,KAAKE,gBAAgBF,GAAGnC,CAAM;EAWrE,OAVAA,EAAOsC,iBAAiB,aAAaJ,CAAW,GAEhD,KAAK5B,iBAAiBiC,WACpBvC,EAAOwC,oBAAoB,aAAaN,CAAW,CACrD,GAEA,KAAKzB,cAAcgC,YAAYzC,CAAM,GACrC,KAAKM,iBAAiBiC,KAAKvC,CAAM,GACjC,KAAKI,WAAWsC,IAAI/C,GAAYK,CAAM,GAE/BA;CACT;CAKA,qBACE4C,GACAC,GACM;EACN,IAAMlD,IAAa,KAAKF,UAAUoD,IAAcC;EAChD,IAAI,CAACnD,KAAc,CAAC,KAAKc,eAAe;EAExC,IAAIT,IAAS,KAAKI,WAAW2C,IAAIpD,CAAU;EAM3C,AAJA,AACEK,MAAS,KAAKsB,gBAAgB3B,CAAU,GAG1C,KAAKqD,qBAAqBhD,GAAQ4C,CAAW;CAC/C;CAKA,qBACE5C,GACA4C,GACM;EACN,IAAI,CAAC,KAAKnC,eAAe;EAEzB,IAAMwC,IAAa,KAAKxC,cAAcyC,cAChCC,IAAOP,EAAYQ,aAAaR,EAAYS,cAAc;EAMhErD,AAJAA,EAAOd,gBAAgB0D,GACvB5C,EAAOZ,eAAeY,EAAO2B,QAAQhC,YACrCK,EAAO4B,MAAMuB,OAAO,GAAGA,EAAI,KAC3BnD,EAAO4B,MAAM0B,SAAS,GAAGL,EAAU,KACnCjD,EAAO4B,MAAM2B,UAAU;CACzB;CAKA,gBAAwBpB,GAAenC,GAAmC;EAExEmC,AADAA,EAAEqB,eAAe,GACjBrB,EAAEsB,gBAAgB;EAGlB,IAAMC,IAAoB1D,EAAOZ,cAC3BuE,IAAqB3D,EAAOd;EAElC,IAAI,CAACwE,KAAqB,CAACC,GAAoB;EAG/C,IAAMC,IAAcC,WAAW7D,EAAO4B,MAAMuB,IAAI;EAWhD3B,AATA,KAAKhB,eAAe;GAClBb,YAAY+D;GACZ5D,QAAQqC,EAAE2B;GACV/D,YAAY4D,EAAmBN;GAC/BrD;GACAC,aAAa2D;EACf,GAEA5D,EAAO+D,UAAUC,IAAI,aAAa,GAClCxC,SAASyC,KAAKF,UAAUC,IAAI,cAAc;CAC5C;CAKA,mBAA2B7B,MAAwB;EACjD,IAAI,CAAC,KAAK3B,cAAc;EAExB,IAAM,EAAEV,WAAQE,WAAQC,mBAAgB,KAAKO,cACvC2D,IAAShC,EAAE2B,UAAUhE;EAC3BE,EAAO4B,MAAMuB,OAAO,GAAGlD,IAAckE,EAAM;CAC7C;CAKA,iBAAyBhC,MAAwB;EAC/C,IAAI,CAAC,KAAK3B,cAAc;EAExB,IAAM,EAAEb,eAAYG,WAAQC,eAAYC,cAAW,KAAKQ,cAClD2D,IAAShC,EAAE2B,UAAUhE,GACrBF,IAAWyE,KAAKC,IACpBpE,EAAoBC,qBACpBJ,IAAaoE,CACf;EAOA,AALAnE,EAAO+D,UAAUQ,OAAO,aAAa,GACrC/C,SAASyC,KAAKF,UAAUQ,OAAO,cAAc,GAC7C,KAAK/D,eAAe,MAGpB,KAAKd,eAAeC,GAAYC,CAAQ;CAC1C;CAMA,oBAAkC;EAChC,IAAI,KAAKY,gBAAgB,CAAC,KAAKE,WAAW;EAE1C,IAAM8D,IAAc,KAAK9D,UAAU+D,iBAAiB,WAAW;EAC/D,IAAID,EAAYE,UAAU,GAAG;EAG7B,IAAMC,oBAAiB,IAAIC,IAAY;EA8BvC,AA3BAJ,EAAYK,SAASC,GAAeC,MAAkB;GACpD,IAAIA,MAAU,GAAG;GAEjB,IAAMnC,IAAckC,GAIdE,IACJpC,EAAYxB,cAA2B,kBAAkB,GAAGO,QACzDqD,YACHpC,EAAYqC,aAAaC,KAAK,KAC9B,IAIIC,IAAoB,KAAK1F,UAAU2F,WACvCC,MAAOA,EAAIvC,OAAOkC,CACpB;GAEA,IAAIG,MAAsB,IAAI;IAC5B,IAAMxF,IAAa,KAAKF,UAAU0F,IAAoBrC;IAEtD,AADA6B,EAAeX,IAAIrE,CAAU,GAC7B,KAAKgD,qBAAqBC,GAAauC,CAAiB;GAC1D;EACF,CAAC,GAGD,KAAK/E,WAAWyE,SAAS7E,GAAQL,MAAe;GAC9C,AAAKgF,EAAeW,IAAI3F,CAAU,MAChCK,EAAO4B,MAAM2B,UAAU;EAE3B,CAAC;CACH;CAKA,sBAAoC;EAC9B,CAAC,KAAK9C,iBAAiB,CAAC,KAAKC,cAGjCc,SAASc,iBAAiB,aAAa,KAAK4B,eAAe,GAC3D1C,SAASc,iBAAiB,WAAW,KAAK8B,aAAa,GACvD5C,SAASc,iBAAiB,cAAc,KAAK8B,aAAa,GAG1D,KAAK3D,cAAc6B,iBAAiB,UAAU,KAAKpB,WAAW,GAG9D,KAAKN,WAAW,IAAIC,uBAAuB;GAEzC0E,4BAA4B;IAC1B,KAAKrE,YAAY;GACnB,CAAC;EACH,CAAC,GAED,KAAKN,SAAS4E,QAAQ,KAAK9E,WAAW;GACpC+E,WAAW;GACXC,SAAS;EACX,CAAC,GAGD,KAAKpF,iBAAiBiC,WAAW;GAK/B,AAJAf,SAASgB,oBAAoB,aAAa,KAAK0B,eAAe,GAC9D1C,SAASgB,oBAAoB,WAAW,KAAK4B,aAAa,GAC1D5C,SAASgB,oBAAoB,cAAc,KAAK4B,aAAa,GAC7D,KAAK3D,eAAe+B,oBAAoB,UAAU,KAAKtB,WAAW,GAClE,KAAKN,UAAU+E,WAAW;EAC5B,CAAC;CACH;CAKAC,UAAgB;EAwBd,AAtBApE,SAASyC,KAAKF,UAAUQ,OAAO,cAAc,GAG7C,AAEE,KAAK/D,kBADL,KAAKA,aAAaR,QAAQ+D,UAAUQ,OAAO,aAAa,GACpC,OAItB,KAAKjE,iBAAiBuE,SAAQgB,MAAQ;GACpC,AAAI,OAAOA,KAAS,aAClBA,EAAK,IAGLA,EAAKtB,OAAO;EAEhB,CAAC,GAED,KAAKjE,mBAAmB,CAAA,GACxB,KAAKF,WAAW0F,MAAM,GACtB,KAAKrF,gBAAgB,MACrB,KAAKC,YAAY,MACjB,KAAKE,WAAW;CAClB;AACF;AAOA,SAAOmF,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,GAAgC,EAAA5G,eAAAG,cAAAC,sBAAAsG,GAKrCG,IAAmBtH,EAAmC,IAAI,GAACuH;CAG3DrH,AAH2DkH,EAAA,OAAAxG,KAAAwG,EAAA,OAAAvG,KAAAuG,EAAA,OAAA3G,KAG7B8G,KAAAC,MAAA;EACxB,OAAC/G,EAAUgH,WAAX,CAAwBD,KAASA,EAAKE,YAAYjD,WAAY,MAK9D,CAAC6C,EAAUG,SAAQ;GACrB,IAAAE,IAAgB,IAAItG,EAAoBT,GAAWC,CAAc;GAEjE,AADgB8G,EAAOrF,WAAY7B,EAAUgH,OACzCG,MACFN,EAAUG,UAAWE;EACtB;CACF,GACFP,EAAA,KAAAxG,GAAAwG,EAAA,KAAAvG,GAAAuG,EAAA,KAAA3G,GAAA2G,EAAA,KAAAG,KAAAA,IAAAH,EAAA,IAbDlH,EAAkBO,GAAY8G,CAa7B;CAAC,IAAAM,GAAAC;CAEF/H,AAFEqH,EAAA,OAAAxG,KAAAwG,EAAA,OAAAvG,KAEQgH,UAAA;EAER,AAAIP,EAAUG,WACZH,EAAUG,QAAQrF,cAAexB,GAAWC,CAAc;CAC3D,GACAiH,IAAA,CAAClH,GAAWC,CAAc,GAACuG,EAAA,KAAAxG,GAAAwG,EAAA,KAAAvG,GAAAuG,EAAA,KAAAS,GAAAT,EAAA,KAAAU,MAAAD,IAAAT,EAAA,IAAAU,IAAAV,EAAA,KAL9BrH,EAAU8H,GAKPC,CAA2B;CAAC,IAAAC,GAAAC;CAE/BjI,AAF+BqH,EAAA,OAAAa,OAAAC,IAAA,2BAAA,KAErBH,gBAED;EAELT,AADAA,EAAUG,SAAiBV,QAAC,GAC5BO,EAAUG,UAAW;CAAH,GAEnBO,IAAA,CAAA,GAAEZ,EAAA,KAAAW,GAAAX,EAAA,KAAAY,MAAAD,IAAAX,EAAA,IAAAY,IAAAZ,EAAA,KANLrH,EAAUgI,GAMPC,CAAE;AAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useExportDataGridToCsv.js","names":["useExportGridAsCsv","displayToast","useSynapseContext","getFileHandleByIdURL","UseExportDataGridToCsvOptions","gridSessionId","filename","useExportDataGridToCsv","options","$","_c","accessToken","t0","onSuccess","data","resultsFileHandleId","then","presignedUrl","fetch","_temp","blob","blobUrl","URL","createObjectURL","link","document","createElement","href","timestamp","Date","toISOString","replace","setAttribute","body","appendChild","click","removeChild","revokeObjectURL","catch","_temp2","onError","_temp3","mutate","exportGrid","isPending","t1","sessionId","includeEtag","includeRowIdAndRowVersion","concreteType","exportToCsv","t2","isExporting","error","reason","err","Error","message","response"],"sources":["../../../../src/components/DataGrid/hooks/useExportDataGridToCsv.ts"],"sourcesContent":["import { useExportGridAsCsv } from '@/synapse-queries/grid/useExportGrid'\nimport { displayToast } from '../../ToastMessage'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { getFileHandleByIdURL } from '@/synapse-client/SynapseClient'\n\nexport interface UseExportDataGridToCsvOptions {\n  gridSessionId: string\n  filename: string\n}\n\nexport function useExportDataGridToCsv(options: UseExportDataGridToCsvOptions) {\n  const { gridSessionId, filename } = options\n  const { accessToken } = useSynapseContext()\n\n  const { mutate: exportGrid, isPending } = useExportGridAsCsv({\n    onSuccess: data => {\n      if (data?.resultsFileHandleId) {\n        // Get presigned URL and trigger download\n        getFileHandleByIdURL(data.resultsFileHandleId, accessToken)\n          .then(presignedUrl => {\n            // Fetch the file as a blob to control the filename\n            return fetch(presignedUrl)\n              .then(response => response.blob())\n              .then(blob => {\n                // Create a blob URL with our custom filename\n                const blobUrl = URL.createObjectURL(blob)\n                const link = document.createElement('a')\n                link.href = blobUrl\n                // Generate filename with timestamp\n                const timestamp = new Date().toISOString().replace(/[:.]/g, '-')\n                link.setAttribute('download', `${filename}-${timestamp}.csv`)\n                document.body.appendChild(link)\n                link.click()\n                document.body.removeChild(link)\n                // Clean up the blob URL\n                URL.revokeObjectURL(blobUrl)\n\n                displayToast('CSV export completed successfully', 'success')\n              })\n          })\n          .catch(err => {\n            displayToast(\n              `Failed to download CSV: ${\n                err instanceof Error ? err.message : 'Unknown error'\n              }`,\n              'danger',\n            )\n          })\n      }\n    },\n    onError: error => {\n      displayToast(\n        `CSV export failed: ${error.reason || 'Unknown error'}`,\n        'danger',\n      )\n    },\n  })\n\n  const exportToCsv = () => {\n    exportGrid({\n      sessionId: gridSessionId,\n      includeEtag: false,\n      includeRowIdAndRowVersion: false,\n      concreteType:\n        'org.sagebionetworks.repo.model.grid.DownloadFromGridRequest',\n    })\n  }\n\n  return {\n    exportToCsv,\n    isExporting: isPending,\n  }\n}\n"],"mappings":";;;;;;;AAUA,SAAOO,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EACL,EAAAL,kBAAAC,gBAAoCE,GACpC,EAAAG,mBAAwBT,GAAmB,EAAAU;AAAA,CAAAH,EAAA,OAAAE,KAAAF,EAAA,OAAAH,KAEkBM,IAAA;EAAAC,YAChDC,MAAA;AACT,GAAIA,GAAIC,uBAENZ,EAAqBW,EAAIC,qBAAsBJ,EAAY,CAAAK,MACnDC,MAEGC,MAAMD,EAAa,CAAAD,KAClBG,EAA4B,CAAAH,MAC5BI,MAAA;IAEJ,IAAAC,IAAgBC,IAAGC,gBAAiBH,EAAK,EACzCI,IAAaC,SAAQC,cAAe,IAAI;AACxCF,MAAIG,OAAQN;IAEZ,IAAAO,qBAAkB,IAAIC,MAAM,EAAAC,aAAc,CAAAC,QAAS,SAAS,IAAI;AAQhE9B,IAPAuB,EAAIQ,aAAc,YAAY,GAAG1B,EAAQ,GAAIsB,EAAS,MAAO,EAC7DH,SAAQQ,KAAKC,YAAaV,EAAK,EAC/BA,EAAIW,OAAQ,EACZV,SAAQQ,KAAKG,YAAaZ,EAAK,EAE/BF,IAAGe,gBAAiBhB,EAAQ,EAE5BpB,EAAa,qCAAqC,UAAU;KAEjE,CAAC,CAAAqC,MACKC,EAOL;;EAEPC,SACQC;EAMV,EAAAhC,EAAA,KAAAE,GAAAF,EAAA,KAAAH,GAAAG,EAAA,KAAAG,KAAAA,IAAAH,EAAA;CA1CD,IAAA,EAAAiC,QAAAC,GAAAC,iBAA0C5C,EAAmBY,EA0C3D,EAAAiC;AAAA,CAAApC,EAAA,OAAAkC,KAAAlC,EAAA,OAAAJ,KAEkBwC,UAAA;AAClBF,IAAW;GAAAG,WACEzC;GAAa0C,aACX;GAAKC,2BACS;GAAKC,cAE9B;GACH,CAAC;IACHxC,EAAA,KAAAkC,GAAAlC,EAAA,KAAAJ,GAAAI,EAAA,KAAAoC,KAAAA,IAAApC,EAAA;CARD,IAAAyC,IAAoBL,GAQnBM;AAKA,QALA1C,EAAA,OAAAyC,KAAAzC,EAAA,OAAAmC,KAEMO,IAAA;EAAAD;EAAAE,aAEQR;EACd,EAAAnC,EAAA,KAAAyC,GAAAzC,EAAA,KAAAmC,GAAAnC,EAAA,KAAA0C,KAAAA,IAAA1C,EAAA,IAHM0C;;AA1DF,SAAAV,EAAAY,GAAA;AAyCDpD,GACE,sBAAsBoD,EAAKC,UAAL,mBACtB,SACD;;AA5CA,SAAAf,EAAAgB,GAAA;AA+BKtD,GACE,2BACEsD,aAAeC,QAAQD,EAAGE,UAA1B,mBAEF,SACD;;AApCN,SAAAtC,EAAAuC,GAAA;AAAA,QAYyBA,EAAQtC,MAAO"}
+{"version":3,"file":"useExportDataGridToCsv.js","names":["useExportGridAsCsv","displayToast","useSynapseContext","getFileHandleByIdURL","UseExportDataGridToCsvOptions","gridSessionId","filename","useExportDataGridToCsv","options","$","_c","accessToken","t0","onSuccess","data","resultsFileHandleId","then","presignedUrl","fetch","_temp","blob","blobUrl","URL","createObjectURL","link","document","createElement","href","timestamp","Date","toISOString","replace","setAttribute","body","appendChild","click","removeChild","revokeObjectURL","catch","_temp2","onError","_temp3","mutate","exportGrid","isPending","t1","sessionId","includeEtag","includeRowIdAndRowVersion","concreteType","exportToCsv","t2","isExporting","error","reason","err","Error","message","response"],"sources":["../../../../src/components/DataGrid/hooks/useExportDataGridToCsv.ts"],"sourcesContent":["import { useExportGridAsCsv } from '@/synapse-queries/grid/useExportGrid'\nimport { displayToast } from '../../ToastMessage'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { getFileHandleByIdURL } from '@/synapse-client/SynapseClient'\n\nexport interface UseExportDataGridToCsvOptions {\n  gridSessionId: string\n  filename: string\n}\n\nexport function useExportDataGridToCsv(options: UseExportDataGridToCsvOptions) {\n  const { gridSessionId, filename } = options\n  const { accessToken } = useSynapseContext()\n\n  const { mutate: exportGrid, isPending } = useExportGridAsCsv({\n    onSuccess: data => {\n      if (data?.resultsFileHandleId) {\n        // Get presigned URL and trigger download\n        getFileHandleByIdURL(data.resultsFileHandleId, accessToken)\n          .then(presignedUrl => {\n            // Fetch the file as a blob to control the filename\n            return fetch(presignedUrl)\n              .then(response => response.blob())\n              .then(blob => {\n                // Create a blob URL with our custom filename\n                const blobUrl = URL.createObjectURL(blob)\n                const link = document.createElement('a')\n                link.href = blobUrl\n                // Generate filename with timestamp\n                const timestamp = new Date().toISOString().replace(/[:.]/g, '-')\n                link.setAttribute('download', `${filename}-${timestamp}.csv`)\n                document.body.appendChild(link)\n                link.click()\n                document.body.removeChild(link)\n                // Clean up the blob URL\n                URL.revokeObjectURL(blobUrl)\n\n                displayToast('CSV export completed successfully', 'success')\n              })\n          })\n          .catch(err => {\n            displayToast(\n              `Failed to download CSV: ${\n                err instanceof Error ? err.message : 'Unknown error'\n              }`,\n              'danger',\n            )\n          })\n      }\n    },\n    onError: error => {\n      displayToast(\n        `CSV export failed: ${error.reason || 'Unknown error'}`,\n        'danger',\n      )\n    },\n  })\n\n  const exportToCsv = () => {\n    exportGrid({\n      sessionId: gridSessionId,\n      includeEtag: false,\n      includeRowIdAndRowVersion: false,\n      concreteType:\n        'org.sagebionetworks.repo.model.grid.DownloadFromGridRequest',\n    })\n  }\n\n  return {\n    exportToCsv,\n    isExporting: isPending,\n  }\n}\n"],"mappings":";;;;;;;AAUA,SAAOO,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,CAAA,GACL,EAAAL,kBAAAC,gBAAoCE,GACpC,EAAAG,mBAAwBT,EAAkB,GAACU;CAAA,AAAAH,EAAA,OAAAE,KAAAF,EAAA,OAAAH,KAEkBM,IAAA;EAAAC,YAChDC,MAAA;GACT,AAAIA,GAAIC,uBAENZ,EAAqBW,EAAIC,qBAAsBJ,CAAW,EAACK,MACnDC,MAEGC,MAAMD,CAAY,EAACD,KAClBG,CAA2B,EAACH,MAC5BI,MAAA;IAEJ,IAAAC,IAAgBC,IAAGC,gBAAiBH,CAAI,GACxCI,IAAaC,SAAQC,cAAe,GAAG;IACvCF,EAAIG,OAAQN;IAEZ,IAAAO,qBAAkB,IAAIC,KAAK,GAACC,YAAa,EAACC,QAAS,SAAS,GAAG;IAQ/D9B,AAPAuB,EAAIQ,aAAc,YAAY,GAAG1B,EAAQ,GAAIsB,EAAS,KAAM,GAC5DH,SAAQQ,KAAKC,YAAaV,CAAI,GAC9BA,EAAIW,MAAO,GACXV,SAAQQ,KAAKG,YAAaZ,CAAI,GAE9BF,IAAGe,gBAAiBhB,CAAO,GAE3BpB,EAAa,qCAAqC,SAAS;GAAC,CAC7D,CACJ,EAACqC,MACKC,CAON;EACJ;EACFC,SACQC;CAMX,GAAChC,EAAA,KAAAE,GAAAF,EAAA,KAAAH,GAAAG,EAAA,KAAAG,KAAAA,IAAAH,EAAA;CA1CD,IAAA,EAAAiC,QAAAC,GAAAC,iBAA0C5C,EAAmBY,CA0C5D,GAACiC;CAAA,AAAApC,EAAA,OAAAkC,KAAAlC,EAAA,OAAAJ,KAEkBwC,UAAA;EAClBF,EAAW;GAAAG,WACEzC;GAAa0C,aACX;GAAKC,2BACS;GAAKC,cAE9B;EACJ,CAAC;CAAC,GACHxC,EAAA,KAAAkC,GAAAlC,EAAA,KAAAJ,GAAAI,EAAA,KAAAoC,KAAAA,IAAApC,EAAA;CARD,IAAAyC,IAAoBL,GAQnBM;CAKA,OALA1C,EAAA,OAAAyC,KAAAzC,EAAA,OAAAmC,KAEMO,IAAA;EAAAD;EAAAE,aAEQR;CACf,GAACnC,EAAA,KAAAyC,GAAAzC,EAAA,KAAAmC,GAAAnC,EAAA,KAAA0C,KAAAA,IAAA1C,EAAA,IAHM0C;AAGN;AA7DI,SAAAV,EAAAY,GAAA;CAyCDpD,EACE,sBAAsBoD,EAAKC,UAAL,mBACtB,QACF;AAAC;AA5CA,SAAAf,EAAAgB,GAAA;CA+BKtD,EACE,2BACEsD,aAAeC,QAAQD,EAAGE,UAA1B,mBAEF,QACF;AAAC;AApCN,SAAAtC,EAAAuC,GAAA;CAAA,OAYyBA,EAAQtC,KAAM;AAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useGetSchemaForGrid.js","names":["useGetEntity","useGetSchema","GridSession","instanceOfEntityView","createComparator","createMerger","createShallowAllOfMerge","createDeduplicator","createIntersector","JSONSchema7","isObject","useMemo","compareSchemaDefinitions","compareSchemaValues","mergeArrayOfSchemaDefinitions","intersectJson","deduplicateJsonSchemaDef","shallowAllOfMerge","GRID_ENTITY_READONLY_PROPERTIES","addReadonlyToEntityProperties","jsonSchema","properties","updatedProperties","propertiesToMakeReadonly","forEach","prop","readOnly","useGetSchemaForGrid","session","$","_c","t0","gridJsonSchema$Id","t1","enabled","data","t2","sourceEntityId","t3","entityData","undefined","includeBaseEntitySchema","t4","select","entityJsonSchema","t5","t6","allOf"],"sources":["../../../../src/components/DataGrid/hooks/useGetSchemaForGrid.ts"],"sourcesContent":["import { useGetEntity, useGetSchema } from '@/synapse-queries/index'\nimport {\n  GridSession,\n  instanceOfEntityView,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  createComparator,\n  createMerger,\n  createShallowAllOfMerge,\n} from '@x0k/json-schema-merge'\nimport {\n  createDeduplicator,\n  createIntersector,\n} from '@x0k/json-schema-merge/lib/array'\nimport { JSONSchema7 } from 'json-schema'\nimport isObject from 'lodash-es/isObject'\nimport { useMemo } from 'react'\n\nconst { compareSchemaDefinitions, compareSchemaValues } = createComparator()\nconst { mergeArrayOfSchemaDefinitions } = createMerger({\n  intersectJson: createIntersector(compareSchemaValues),\n  deduplicateJsonSchemaDef: createDeduplicator(compareSchemaDefinitions),\n})\nconst shallowAllOfMerge = createShallowAllOfMerge(mergeArrayOfSchemaDefinitions)\n\nconst GRID_ENTITY_READONLY_PROPERTIES = [\n  'name',\n  'id',\n  'createdBy',\n  'createdOn',\n  'modifiedBy',\n  'modifiedOn',\n  'etag',\n  'concreteType',\n  'parentId',\n  'path',\n  'type',\n  'currentVersion',\n  'benefactorId',\n  'dataFileHandleId',\n  'dataFileName',\n  'dataFileSizeBytes',\n  'dataFileMD5Hex',\n  'dataFileConcreteType',\n  'dataFileBucket',\n  'dataFileKey',\n]\n\n/**\n * The Synapse JSON Schemas for entities do not indicate which properties should be readOnly.\n * Amend the schema to mark certain properties as readOnly so they cannot be edited in the grid.\n */\nfunction addReadonlyToEntityProperties(jsonSchema: JSONSchema7): JSONSchema7 {\n  if (!jsonSchema.properties) {\n    return jsonSchema\n  }\n\n  const updatedProperties = { ...jsonSchema.properties }\n\n  // List of properties to mark as read-only\n  const propertiesToMakeReadonly = GRID_ENTITY_READONLY_PROPERTIES\n\n  propertiesToMakeReadonly.forEach(prop => {\n    if (updatedProperties[prop]) {\n      updatedProperties[prop] = {\n        ...(isObject(updatedProperties[prop]) ? updatedProperties[prop] : {}),\n        readOnly: true,\n      }\n    } else {\n      updatedProperties[prop] = { readOnly: true }\n    }\n  })\n\n  return {\n    ...jsonSchema,\n    properties: updatedProperties,\n  }\n}\n\n/**\n * Hook to get the JSON schema for a Data Grid, merging in the base Entity schema if the source entity is an EntityView.\n * @param session - The GridSession object.\n */\nexport default function useGetSchemaForGrid(session: GridSession | null) {\n  const { data: jsonSchema } = useGetSchema(session?.gridJsonSchema$Id ?? '', {\n    enabled: !!session?.gridJsonSchema$Id,\n  })\n\n  const { data: entityData } = useGetEntity(\n    session?.sourceEntityId,\n    undefined,\n    {\n      enabled: !!session?.sourceEntityId,\n    },\n  )\n\n  let includeBaseEntitySchema = false\n  if (entityData && instanceOfEntityView(entityData)) {\n    includeBaseEntitySchema = true\n  }\n\n  const { data: entityJsonSchema } = useGetSchema(\n    'org.sagebionetworks-repo.model.Entity',\n    {\n      enabled: includeBaseEntitySchema,\n      select: addReadonlyToEntityProperties,\n    },\n  )\n\n  return useMemo(() => {\n    if (jsonSchema && entityJsonSchema) {\n      return shallowAllOfMerge({\n        allOf: [entityJsonSchema, jsonSchema],\n      }) as JSONSchema7\n    } else {\n      return jsonSchema\n    }\n  }, [jsonSchema, entityJsonSchema])\n}\n"],"mappings":";;;;;;;;;AAkBA,IAAM,EAAEY,6BAA0BC,2BAAwBT,GAAkB,EACtE,EAAEU,qCAAkCT,EAAa;CACrDU,eAAeP,EAAkBK,EAAoB;CACrDG,0BAA0BT,EAAmBK,EAAwB;CACtE,CAAC,EACIK,IAAoBX,EAAwBQ,EAA8B,EAE1EI,IAAkC;CACtC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAMD,SAASC,EAA8BC,GAAsC;AAC3E,KAAI,CAACA,EAAWC,WACd,QAAOD;CAGT,IAAME,IAAoB,EAAE,GAAGF,EAAWC,YAAY;AAgBtD,QAXAE,EAAyBC,SAAQC,MAAQ;AACvC,EAAIH,EAAkBG,KACpBH,EAAkBG,KAAQ;GACxB,GAAIf,EAASY,EAAkBG,GAAM,GAAGH,EAAkBG,KAAQ,EAAE;GACpEC,UAAU;GACX,GAEDJ,EAAkBG,KAAQ,EAAEC,UAAU,IAAM;GAE9C,EAEK;EACL,GAAGN;EACHC,YAAYC;EACb;;AAOH,SAAeK,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAEFC,IAAA,CAAC,CAACH,GAAOI,mBAAmBC;AAAA,CAAAJ,EAAA,OAAAE,IACtCE,IAAAJ,EAAA,MAF2EI,IAAA,EAAAC,SACjEH,GACV,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAI;CAFD,IAAA,EAAAE,MAAAf,MAA6BnB,EAAa2B,GAAOI,qBAAP,IAAkCC,EAE1E,EAMWG,IAAA,CAAC,CAACR,GAAOS,gBAAgBC;AAAA,CAAAT,EAAA,OAAAO,IACnCE,IAAAT,EAAA,MAFDS,IAAA,EAAAJ,SACWE,GACV,EAAAP,EAAA,KAAAO,GAAAP,EAAA,KAAAS;CALH,IAAA,EAAAH,MAAAI,MAA6BvC,EAC3B4B,GAAOS,gBACPG,KAAAA,GACAF,EAGD,EAEDG,IAA8B;AAC9B,CAAIF,KAAcpC,EAAqBoC,EAAW,KAChDE,IAA0BA;CAC3B,IAAAC;AAAA,CAAAb,EAAA,OAAAY,IAOEC,IAAAb,EAAA,MAHDa,IAAA;EAAAR,SACWO;EAAuBE,QACxBxB;EACT,EAAAU,EAAA,KAAAY,GAAAZ,EAAA,KAAAa;CALH,IAAA,EAAAP,MAAAS,MAAmC3C,EACjC,yCACAyC,EAID,EAAAG;AAGC,KAAIzB,KAAAwB,GAA8B;EAAA,IAAAE;AAChCD,EADgChB,EAAA,OAAAe,KAAAf,EAAA,OAAAT,KACzB0B,IAAA7B,EAAkB,EAAA8B,OAChB,CAACH,GAAkBxB,EAAU,EACrC,CAAC,EAAAS,EAAA,KAAAe,GAAAf,EAAA,KAAAT,GAAAS,EAAA,KAAAiB,KAAAA,IAAAjB,EAAA,IAFFgB,IAAOC;OAIPD,KAAOzB;AACR,QAPIyB"}
+{"version":3,"file":"useGetSchemaForGrid.js","names":["useGetEntity","useGetSchema","GridSession","instanceOfEntityView","createComparator","createMerger","createShallowAllOfMerge","createDeduplicator","createIntersector","JSONSchema7","isObject","useMemo","compareSchemaDefinitions","compareSchemaValues","mergeArrayOfSchemaDefinitions","intersectJson","deduplicateJsonSchemaDef","shallowAllOfMerge","GRID_ENTITY_READONLY_PROPERTIES","addReadonlyToEntityProperties","jsonSchema","properties","updatedProperties","propertiesToMakeReadonly","forEach","prop","readOnly","useGetSchemaForGrid","session","$","_c","t0","gridJsonSchema$Id","t1","enabled","data","t2","sourceEntityId","t3","entityData","undefined","includeBaseEntitySchema","t4","select","entityJsonSchema","t5","t6","allOf"],"sources":["../../../../src/components/DataGrid/hooks/useGetSchemaForGrid.ts"],"sourcesContent":["import { useGetEntity, useGetSchema } from '@/synapse-queries/index'\nimport {\n  GridSession,\n  instanceOfEntityView,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  createComparator,\n  createMerger,\n  createShallowAllOfMerge,\n} from '@x0k/json-schema-merge'\nimport {\n  createDeduplicator,\n  createIntersector,\n} from '@x0k/json-schema-merge/lib/array'\nimport { JSONSchema7 } from 'json-schema'\nimport isObject from 'lodash-es/isObject'\nimport { useMemo } from 'react'\n\nconst { compareSchemaDefinitions, compareSchemaValues } = createComparator()\nconst { mergeArrayOfSchemaDefinitions } = createMerger({\n  intersectJson: createIntersector(compareSchemaValues),\n  deduplicateJsonSchemaDef: createDeduplicator(compareSchemaDefinitions),\n})\nconst shallowAllOfMerge = createShallowAllOfMerge(mergeArrayOfSchemaDefinitions)\n\nconst GRID_ENTITY_READONLY_PROPERTIES = [\n  'name',\n  'id',\n  'createdBy',\n  'createdOn',\n  'modifiedBy',\n  'modifiedOn',\n  'etag',\n  'concreteType',\n  'parentId',\n  'path',\n  'type',\n  'currentVersion',\n  'benefactorId',\n  'dataFileHandleId',\n  'dataFileName',\n  'dataFileSizeBytes',\n  'dataFileMD5Hex',\n  'dataFileConcreteType',\n  'dataFileBucket',\n  'dataFileKey',\n]\n\n/**\n * The Synapse JSON Schemas for entities do not indicate which properties should be readOnly.\n * Amend the schema to mark certain properties as readOnly so they cannot be edited in the grid.\n */\nfunction addReadonlyToEntityProperties(jsonSchema: JSONSchema7): JSONSchema7 {\n  if (!jsonSchema.properties) {\n    return jsonSchema\n  }\n\n  const updatedProperties = { ...jsonSchema.properties }\n\n  // List of properties to mark as read-only\n  const propertiesToMakeReadonly = GRID_ENTITY_READONLY_PROPERTIES\n\n  propertiesToMakeReadonly.forEach(prop => {\n    if (updatedProperties[prop]) {\n      updatedProperties[prop] = {\n        ...(isObject(updatedProperties[prop]) ? updatedProperties[prop] : {}),\n        readOnly: true,\n      }\n    } else {\n      updatedProperties[prop] = { readOnly: true }\n    }\n  })\n\n  return {\n    ...jsonSchema,\n    properties: updatedProperties,\n  }\n}\n\n/**\n * Hook to get the JSON schema for a Data Grid, merging in the base Entity schema if the source entity is an EntityView.\n * @param session - The GridSession object.\n */\nexport default function useGetSchemaForGrid(session: GridSession | null) {\n  const { data: jsonSchema } = useGetSchema(session?.gridJsonSchema$Id ?? '', {\n    enabled: !!session?.gridJsonSchema$Id,\n  })\n\n  const { data: entityData } = useGetEntity(\n    session?.sourceEntityId,\n    undefined,\n    {\n      enabled: !!session?.sourceEntityId,\n    },\n  )\n\n  let includeBaseEntitySchema = false\n  if (entityData && instanceOfEntityView(entityData)) {\n    includeBaseEntitySchema = true\n  }\n\n  const { data: entityJsonSchema } = useGetSchema(\n    'org.sagebionetworks-repo.model.Entity',\n    {\n      enabled: includeBaseEntitySchema,\n      select: addReadonlyToEntityProperties,\n    },\n  )\n\n  return useMemo(() => {\n    if (jsonSchema && entityJsonSchema) {\n      return shallowAllOfMerge({\n        allOf: [entityJsonSchema, jsonSchema],\n      }) as JSONSchema7\n    } else {\n      return jsonSchema\n    }\n  }, [jsonSchema, entityJsonSchema])\n}\n"],"mappings":";;;;;;;;;AAkBA,IAAM,EAAEY,6BAA0BC,2BAAwBT,EAAiB,GACrE,EAAEU,qCAAkCT,EAAa;CACrDU,eAAeP,EAAkBK,CAAmB;CACpDG,0BAA0BT,EAAmBK,CAAwB;AACvE,CAAC,GACKK,IAAoBX,EAAwBQ,CAA6B,GAEzEI,IAAkC;CACtC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AAAa;AAOf,SAASC,EAA8BC,GAAsC;CAC3E,IAAI,CAACA,EAAWC,YACd,OAAOD;CAGT,IAAME,IAAoB,EAAE,GAAGF,EAAWC,WAAW;CAgBrD,OAXAE,EAAyBC,SAAQC,MAAQ;EACvC,AAAIH,EAAkBG,KACpBH,EAAkBG,KAAQ;GACxB,GAAIf,EAASY,EAAkBG,EAAK,IAAIH,EAAkBG,KAAQ,CAAC;GACnEC,UAAU;EACZ,IAEAJ,EAAkBG,KAAQ,EAAEC,UAAU,GAAK;CAE/C,CAAC,GAEM;EACL,GAAGN;EACHC,YAAYC;CACd;AACF;AAMA,SAAeK,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,CAAA,GAEFC,IAAA,CAAC,CAACH,GAAOI,mBAAmBC;CAAA,AAAAJ,EAAA,OAAAE,IACtCE,IAAAJ,EAAA,MAF2EI,IAAA,EAAAC,SACjEH,EACX,GAACF,EAAA,KAAAE,GAAAF,EAAA,KAAAI;CAFD,IAAA,EAAAE,MAAAf,MAA6BnB,EAAa2B,GAAOI,qBAAP,IAAkCC,CAE3E,GAMYG,IAAA,CAAC,CAACR,GAAOS,gBAAgBC;CAAA,AAAAT,EAAA,OAAAO,IACnCE,IAAAT,EAAA,MAFDS,IAAA,EAAAJ,SACWE,EACX,GAACP,EAAA,KAAAO,GAAAP,EAAA,KAAAS;CALH,IAAA,EAAAH,MAAAI,MAA6BvC,EAC3B4B,GAAOS,gBACPG,KAAAA,GACAF,CAGF,GAEAG,IAA8B;CAC9B,AAAIF,KAAcpC,EAAqBoC,CAAU,MAC/CE,IAA0BA;CAC3B,IAAAC;CAAA,AAAAb,EAAA,OAAAY,IAOEC,IAAAb,EAAA,MAHDa,IAAA;EAAAR,SACWO;EAAuBE,QACxBxB;CACV,GAACU,EAAA,KAAAY,GAAAZ,EAAA,KAAAa;CALH,IAAA,EAAAP,MAAAS,MAAmC3C,EACjC,yCACAyC,CAIF,GAACG;CAGC,IAAIzB,KAAAwB,GAA8B;EAAA,IAAAE;EAChCD,AADgChB,EAAA,OAAAe,KAAAf,EAAA,OAAAT,KACzB0B,IAAA7B,EAAkB,EAAA8B,OAChB,CAACH,GAAkBxB,CAAU,EACtC,CAAC,GAACS,EAAA,KAAAe,GAAAf,EAAA,KAAAT,GAAAS,EAAA,KAAAiB,KAAAA,IAAAjB,EAAA,IAFFgB,IAAOC;CAEU,OAEjBD,IAAOzB;CACR,OAPIyB;AAQ2B"}

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

@@ -1 +1 @@
-{"version":3,"file":"useGridReplicaUsers.js","names":["useSynapseContext","useQueries","getReplicaCategory","ReplicaCategory","GridReplicaInfo","UserProfile","getUserProfileQuery","useMemo","useDeepCompareMemoize","ReplicaUserInfo","replicaInfo","category","profile","useGridReplicaUsers","replicas","localReplicaId","currentUserId","$","_c","accessToken","keyFactory","t0","filter","_temp","attributableReplicas","t1","Set","map","_temp2","Boolean","t2","uniqueUserIds","t3","queries","userId","staleTime","profileQueries","t4","_temp3","stableProfileData","profileByUserId","Map","forEach","userId_0","i","data","set","result","replica","replicaId","createdBy","get","undefined","q","r_0","r","replicaType"],"sources":["../../../../src/components/DataGrid/hooks/useGridReplicaUsers.ts"],"sourcesContent":["import { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { useQueries } from '@tanstack/react-query'\nimport {\n  getReplicaCategory,\n  type ReplicaCategory,\n} from '@/components/DataGrid/utils/getReplicaCategory'\nimport type { GridReplicaInfo } from '@sage-bionetworks/synapse-client'\nimport type { UserProfile } from '@sage-bionetworks/synapse-types'\nimport { getUserProfileQuery } from '@/synapse-queries/user/useUserBundle'\nimport { useMemo } from 'react'\nimport { useDeepCompareMemoize } from 'use-deep-compare-effect'\n\nexport interface ReplicaUserInfo {\n  replicaInfo: GridReplicaInfo\n  category: ReplicaCategory\n  profile: UserProfile | undefined\n}\n\n/**\n * Given the list of replicas in the current session and the local replica ID,\n * fetches user profiles for each non-SERVICE replica and returns a map from\n * replicaId → ReplicaUserInfo for use in attribution and coloring.\n */\nexport function useGridReplicaUsers(\n  replicas: GridReplicaInfo[],\n  localReplicaId: number | null,\n  currentUserId: string | undefined,\n): Map<number, ReplicaUserInfo> {\n  const { accessToken, keyFactory } = useSynapseContext()\n\n  // Only query non-SERVICE replicas (SERVICE replicas are ignored for attribution)\n  const attributableReplicas = useMemo(\n    () => replicas.filter(r => r.replicaType !== 'SERVICE'),\n    [replicas],\n  )\n\n  // Deduplicate user IDs so we only fetch each profile once\n  const uniqueUserIds = useMemo(\n    () => [\n      ...new Set(\n        attributableReplicas.map(r => r.createdBy).filter(Boolean) as string[],\n      ),\n    ],\n    [attributableReplicas],\n  )\n\n  const profileQueries = useQueries({\n    queries: uniqueUserIds.map(userId => ({\n      ...getUserProfileQuery(userId, { accessToken, keyFactory }),\n      staleTime: 5 * 60 * 1000, // profiles are stable within a session\n    })),\n  })\n\n  const stableProfileData = useDeepCompareMemoize(\n    profileQueries.map(q => q.data),\n  )\n\n  return useMemo(() => {\n    // Build userId → profile map from query results\n    const profileByUserId = new Map<string, UserProfile>()\n    uniqueUserIds.forEach((userId, i) => {\n      const data = stableProfileData[i]\n      if (data) profileByUserId.set(userId, data)\n    })\n\n    const result = new Map<number, ReplicaUserInfo>()\n    for (const replica of attributableReplicas) {\n      if (replica.replicaId == null) continue\n      const category =\n        localReplicaId != null && currentUserId != null\n          ? getReplicaCategory(replica, currentUserId, localReplicaId)\n          : null\n      if (category === null) continue\n      result.set(replica.replicaId, {\n        replicaInfo: replica,\n        category,\n        profile: replica.createdBy\n          ? profileByUserId.get(replica.createdBy)\n          : undefined,\n      })\n    }\n    return result\n  }, [\n    attributableReplicas,\n    uniqueUserIds,\n    stableProfileData,\n    localReplicaId,\n    currentUserId,\n  ])\n}\n"],"mappings":";;;;;;;AAuBA,SAAOa,EAAAC,GAAAC,GAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAKL,EAAAC,gBAAAC,kBAAoCpB,GAAmB,EAAAqB;AAAA,CAAAJ,EAAA,OAAAH,IAIEO,IAAAJ,EAAA,MAAjDI,IAAAP,EAAQQ,OAAQC,EAAiC,EAAAN,EAAA,KAAAH,GAAAG,EAAA,KAAAI;CADzD,IAAAG,IACQH,GAEPI;AAAA,CAAAR,EAAA,OAAAO,IAOIC,IAAAR,EAAA,MAFEQ,IAAA,IAAIC,IACLF,EAAoBG,IAAKC,EAAiB,CAAAN,OAAQO,QAAQ,CAC3D,EAAAZ,EAAA,KAAAO,GAAAP,EAAA,KAAAQ;CAAA,IAAAK;AAAA,CAAAb,EAAA,OAAAQ,IACFK,IAAAb,EAAA,MAJKa,IAAA,CAAA,GACDL,EAGJ,EAAAR,EAAA,KAAAQ,GAAAR,EAAA,KAAAa;CALH,IAAAC,IACQD,GAMPE;AAAA,CAAAf,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAAAH,EAAA,OAAAc,KAEiCC,IAAA,EAAAC,SACvBF,EAAaJ,KAAKO,OAAW;EAAA,GACjC5B,EAAoB4B,GAAQ;GAAAf;GAAAC;GAA2B,CAAC;EAAAe,WAChD;EACZ,EAAC,EACH,EAAAlB,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAc,GAAAd,EAAA,KAAAe,KAAAA,IAAAf,EAAA;CALD,IAAAmB,IAAuBnC,EAAW+B,EAKhC,EAAAK;AAAA,CAAApB,EAAA,QAAAmB,IAG+BC,IAAApB,EAAA,OAA/BoB,IAAAD,EAAcT,IAAKW,EAAY,EAAArB,EAAA,MAAAmB,GAAAnB,EAAA,MAAAoB;CADjC,IAAAE,IAA0B/B,EACxB6B,EACD,EAAAG;AAAA,CAAAvB,EAAA,QAAAsB,KAAAtB,EAAA,QAAAc,KAICS,oBAAwB,IAAIC,KAA0B,EACtDV,EAAaW,SAASC,GAAAC,MAAA;EACpB,IAAAC,IAAaN,EAAkBK;AAC/B,EAAIC,KAAML,EAAeM,IAAKZ,GAAQW,EAAK;GAC3C,EAAA5B,EAAA,MAAAsB,GAAAtB,EAAA,MAAAc,GAAAd,EAAA,MAAAuB,KAAAA,IAAAvB,EAAA;CAAA,IAAA8B;AAAA,KAAA9B,EAAA,QAAAO,KAAAP,EAAA,QAAAD,KAAAC,EAAA,QAAAF,KAAAE,EAAA,QAAAuB,GAAA;AAEFO,sBAAe,IAAIN,KAA8B;AACjD,OAAK,IAAAO,KAAiBxB,GAAoB;AACxC,OAAIwB,EAAOC,aAAc,KAAM;GAC/B,IAAAtC,IACEI,KAAkB,QAAQC,KAAiB,OACvCd,EAAmB8C,GAAShC,GAAeD,EACvC,GAFR;AAGEJ,SAAa,QACjBoC,EAAMD,IAAKE,EAAOC,WAAY;IAAAvC,aACfsC;IAAOrC;IAAAC,SAEXoC,EAAOE,YACZV,EAAeW,IAAKH,EAAOE,UAClB,GAFJE,KAAAA;IAGV,CAAC;;AACHnC,EAAAA,EAAA,MAAAO,GAAAP,EAAA,MAAAD,GAAAC,EAAA,MAAAF,GAAAE,EAAA,MAAAuB,GAAAvB,EAAA,MAAA8B;OAAAA,KAAA9B,EAAA;AAAA,QACD8B;;AA1DG,SAAAT,EAAAe,GAAA;AAAA,QA+BqBA,EAACR;;AA/BtB,SAAAjB,EAAA0B,GAAA;AAAA,QAiB+BC,EAACL;;AAjBhC,SAAA3B,EAAAgC,GAAA;AAAA,QASwBA,EAACC,gBAAiB"}
+{"version":3,"file":"useGridReplicaUsers.js","names":["useSynapseContext","useQueries","getReplicaCategory","ReplicaCategory","GridReplicaInfo","UserProfile","getUserProfileQuery","useMemo","useDeepCompareMemoize","ReplicaUserInfo","replicaInfo","category","profile","useGridReplicaUsers","replicas","localReplicaId","currentUserId","$","_c","accessToken","keyFactory","t0","filter","_temp","attributableReplicas","t1","Set","map","_temp2","Boolean","t2","uniqueUserIds","t3","queries","userId","staleTime","profileQueries","t4","_temp3","stableProfileData","profileByUserId","Map","forEach","userId_0","i","data","set","result","replica","replicaId","createdBy","get","undefined","q","r_0","r","replicaType"],"sources":["../../../../src/components/DataGrid/hooks/useGridReplicaUsers.ts"],"sourcesContent":["import { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { useQueries } from '@tanstack/react-query'\nimport {\n  getReplicaCategory,\n  type ReplicaCategory,\n} from '@/components/DataGrid/utils/getReplicaCategory'\nimport type { GridReplicaInfo } from '@sage-bionetworks/synapse-client'\nimport type { UserProfile } from '@sage-bionetworks/synapse-types'\nimport { getUserProfileQuery } from '@/synapse-queries/user/useUserBundle'\nimport { useMemo } from 'react'\nimport { useDeepCompareMemoize } from 'use-deep-compare-effect'\n\nexport interface ReplicaUserInfo {\n  replicaInfo: GridReplicaInfo\n  category: ReplicaCategory\n  profile: UserProfile | undefined\n}\n\n/**\n * Given the list of replicas in the current session and the local replica ID,\n * fetches user profiles for each non-SERVICE replica and returns a map from\n * replicaId → ReplicaUserInfo for use in attribution and coloring.\n */\nexport function useGridReplicaUsers(\n  replicas: GridReplicaInfo[],\n  localReplicaId: number | null,\n  currentUserId: string | undefined,\n): Map<number, ReplicaUserInfo> {\n  const { accessToken, keyFactory } = useSynapseContext()\n\n  // Only query non-SERVICE replicas (SERVICE replicas are ignored for attribution)\n  const attributableReplicas = useMemo(\n    () => replicas.filter(r => r.replicaType !== 'SERVICE'),\n    [replicas],\n  )\n\n  // Deduplicate user IDs so we only fetch each profile once\n  const uniqueUserIds = useMemo(\n    () => [\n      ...new Set(\n        attributableReplicas.map(r => r.createdBy).filter(Boolean) as string[],\n      ),\n    ],\n    [attributableReplicas],\n  )\n\n  const profileQueries = useQueries({\n    queries: uniqueUserIds.map(userId => ({\n      ...getUserProfileQuery(userId, { accessToken, keyFactory }),\n      staleTime: 5 * 60 * 1000, // profiles are stable within a session\n    })),\n  })\n\n  const stableProfileData = useDeepCompareMemoize(\n    profileQueries.map(q => q.data),\n  )\n\n  return useMemo(() => {\n    // Build userId → profile map from query results\n    const profileByUserId = new Map<string, UserProfile>()\n    uniqueUserIds.forEach((userId, i) => {\n      const data = stableProfileData[i]\n      if (data) profileByUserId.set(userId, data)\n    })\n\n    const result = new Map<number, ReplicaUserInfo>()\n    for (const replica of attributableReplicas) {\n      if (replica.replicaId == null) continue\n      const category =\n        localReplicaId != null && currentUserId != null\n          ? getReplicaCategory(replica, currentUserId, localReplicaId)\n          : null\n      if (category === null) continue\n      result.set(replica.replicaId, {\n        replicaInfo: replica,\n        category,\n        profile: replica.createdBy\n          ? profileByUserId.get(replica.createdBy)\n          : undefined,\n      })\n    }\n    return result\n  }, [\n    attributableReplicas,\n    uniqueUserIds,\n    stableProfileData,\n    localReplicaId,\n    currentUserId,\n  ])\n}\n"],"mappings":";;;;;;;AAuBA,SAAOa,EAAAC,GAAAC,GAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,GAKL,EAAAC,gBAAAC,kBAAoCpB,EAAkB,GAACqB;CAAA,AAAAJ,EAAA,OAAAH,IAIEO,IAAAJ,EAAA,MAAjDI,IAAAP,EAAQQ,OAAQC,CAAgC,GAACN,EAAA,KAAAH,GAAAG,EAAA,KAAAI;CADzD,IAAAG,IACQH,GAEPI;CAAA,AAAAR,EAAA,OAAAO,IAOIC,IAAAR,EAAA,MAFEQ,IAAA,IAAIC,IACLF,EAAoBG,IAAKC,CAAgB,EAACN,OAAQO,OAAO,CAC3D,GAACZ,EAAA,KAAAO,GAAAP,EAAA,KAAAQ;CAAA,IAAAK;CAAA,AAAAb,EAAA,OAAAQ,IACFK,IAAAb,EAAA,MAJKa,IAAA,CAAA,GACDL,CAEF,GACFR,EAAA,KAAAQ,GAAAR,EAAA,KAAAa;CALH,IAAAC,IACQD,GAMPE;CAAA,AAAAf,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAAAH,EAAA,OAAAc,KAEiCC,IAAA,EAAAC,SACvBF,EAAaJ,KAAKO,OAAW;EAAA,GACjC5B,EAAoB4B,GAAQ;GAAAf;GAAAC;EAA0B,CAAC;EAACe,WAChD;CACb,EAAE,EACJ,GAAClB,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAc,GAAAd,EAAA,KAAAe,KAAAA,IAAAf,EAAA;CALD,IAAAmB,IAAuBnC,EAAW+B,CAKjC,GAACK;CAAA,AAAApB,EAAA,QAAAmB,IAG+BC,IAAApB,EAAA,OAA/BoB,IAAAD,EAAcT,IAAKW,CAAW,GAACrB,EAAA,MAAAmB,GAAAnB,EAAA,MAAAoB;CADjC,IAAAE,IAA0B/B,EACxB6B,CACF,GAACG;CAAA,AAAAvB,EAAA,QAAAsB,KAAAtB,EAAA,QAAAc,KAICS,oBAAwB,IAAIC,IAAyB,GACrDV,EAAaW,SAASC,GAAAC,MAAA;EACpB,IAAAC,IAAaN,EAAkBK;EAC/B,AAAIC,KAAML,EAAeM,IAAKZ,GAAQW,CAAI;CAAC,CAC5C,GAAC5B,EAAA,MAAAsB,GAAAtB,EAAA,MAAAc,GAAAd,EAAA,MAAAuB,KAAAA,IAAAvB,EAAA;CAAA,IAAA8B;CAAA,IAAA9B,EAAA,QAAAO,KAAAP,EAAA,QAAAD,KAAAC,EAAA,QAAAF,KAAAE,EAAA,QAAAuB,GAAA;EAEFO,oBAAe,IAAIN,IAA6B;EAChD,KAAK,IAAAO,KAAiBxB,GAAoB;GACxC,IAAIwB,EAAOC,aAAc,MAAM;GAC/B,IAAAtC,IACEI,KAAkB,QAAQC,KAAiB,OACvCd,EAAmB8C,GAAShC,GAAeD,CACxC,IAFP;GAGEJ,MAAa,QACjBoC,EAAMD,IAAKE,EAAOC,WAAY;IAAAvC,aACfsC;IAAOrC;IAAAC,SAEXoC,EAAOE,YACZV,EAAeW,IAAKH,EAAOE,SACnB,IAFHE,KAAAA;GAGX,CAAC;EAAC;EACHnC,AAAAA,EAAA,MAAAO,GAAAP,EAAA,MAAAD,GAAAC,EAAA,MAAAF,GAAAE,EAAA,MAAAuB,GAAAvB,EAAA,MAAA8B;CAAA,OAAAA,IAAA9B,EAAA;CAAA,OACD8B;AAAa;AA1DV,SAAAT,EAAAe,GAAA;CAAA,OA+BqBA,EAACR;AAAK;AA/B3B,SAAAjB,EAAA0B,GAAA;CAAA,OAiB+BC,EAACL;AAAU;AAjB1C,SAAA3B,EAAAgC,GAAA;CAAA,OASwBA,EAACC,gBAAiB;AAAS"}

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

@@ -1 +1 @@
-{"version":3,"file":"useGridUndoRedo.js","names":["GridMenuButton","KeyboardArrowDownIcon","Menu","MenuItem","useCallback","useEffect","useState","DataGridRow","Operation","ModelChange","convertActionToModelChange","useStack","SingleGridAction","type","rowIndex","previousValue","newValue","CompositeGridAction","actions","GridAction","batchGridActions","MAX_UNDO_STEPS","MAX_REDO_STEPS","useGridUndoRedo","onApplyModelChange","$","_c","t0","Symbol","for","undoStack","t1","redoStack","undoAnchorEl","setUndoAnchorEl","redoAnchorEl","setRedoAnchorEl","undoOpen","Boolean","redoOpen","t2","event","currentTarget","handleUndoClick","t3","event_0","handleRedoClick","t4","handleUndoClose","t5","handleRedoClose","t6","isEmpty","lastAction","peek","lastType","sameTypeCount","i","stack","length","i_0","totalActions","size","getUndoPreview","t7","lastAction_0","sameTypeCount_0","i_1","getRedoPreview","t8","undoPreview","t9","redoPreview","t10","actionToUndo","pop","i_2","child","inverseOp","push","inverseOperation","handleUndo","t11","actionToRedo","i_3","child_0","originalOp","originalOperation","handleRedo","t12","t13","handleKeyDown","event_1","ctrlKey","key","shiftKey","metaKey","preventDefault","window","addEventListener","removeEventListener","t14","action","addToUndoStack","t15","clear","clearUndoStack","t16","clearRedoStack","t17","operations","rowValues","batch","operation","start","fromRowIndex","end","toRowIndex","i_4","newRow","oldVal","slice","newVal","forEach","newRow_0","idx","oldRow","deletedRows","row","idx_0","addOperationsToUndoStack","t18","undefined","t19","t20","t21","t22","t23","toLowerCase","t24","t25","undoUI","t26","t27","t28","t29","t30","t31","t32","t33","redoUI","t34","t35","t36","undoTotalActions","redoTotalActions"],"sources":["../../../../src/components/DataGrid/hooks/useGridUndoRedo.tsx"],"sourcesContent":["import GridMenuButton from '@/components/DataGrid/components/GridMenuButton/GridMenuButton'\nimport KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown'\nimport { Menu, MenuItem } from '@mui/material'\nimport { useCallback, useEffect, useState } from 'react'\nimport { DataGridRow, Operation } from '../DataGridTypes'\nimport { ModelChange } from '../utils/applyModelChange'\nimport { convertActionToModelChange } from '../utils/convertActionToModelChange'\nimport { useStack } from './useStack'\n\n/**\n * Represents a single action in the grid that can be undone or redone\n */\nexport type SingleGridAction = {\n  type: 'CREATE' | 'DELETE' | 'UPDATE'\n  rowIndex: number\n  previousValue?: DataGridRow\n  newValue?: DataGridRow\n}\n\n/**\n * Composite action for batch undo/redo\n */\nexport type CompositeGridAction = {\n  type: 'COMPOSITE'\n  actions: SingleGridAction[]\n}\n\n/**\n * GridAction can be a single or composite action\n */\nexport type GridAction = SingleGridAction | CompositeGridAction\n\n/**\n * Helper to batch multiple single actions into a composite action\n */\nexport function batchGridActions(\n  actions: SingleGridAction[],\n): CompositeGridAction {\n  return {\n    type: 'COMPOSITE',\n    actions,\n  }\n}\n\nconst MAX_UNDO_STEPS = 100\nconst MAX_REDO_STEPS = 100\n\n/**\n * Hook to manage undo/redo functionality for a grid backed by a CRDT model.\n *\n * @param onApplyModelChange - Function to apply model changes and commit\n */\nexport function useGridUndoRedo(\n  onApplyModelChange: (change: ModelChange) => void,\n) {\n  // Tracks the stack of undoable actions in LIFO order\n  const undoStack = useStack<GridAction>([], MAX_UNDO_STEPS)\n  const redoStack = useStack<GridAction>([], MAX_REDO_STEPS)\n\n  // Separate state for undo and redo menus\n  const [undoAnchorEl, setUndoAnchorEl] = useState<null | HTMLElement>(null)\n  const [redoAnchorEl, setRedoAnchorEl] = useState<null | HTMLElement>(null)\n  const undoOpen = Boolean(undoAnchorEl)\n  const redoOpen = Boolean(redoAnchorEl)\n\n  const handleUndoClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setUndoAnchorEl(event.currentTarget)\n  }\n\n  const handleRedoClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setRedoAnchorEl(event.currentTarget)\n  }\n\n  const handleUndoClose = () => setUndoAnchorEl(null)\n  const handleRedoClose = () => setRedoAnchorEl(null)\n\n  // Generate preview information for the undo menu\n  const getUndoPreview = useCallback(() => {\n    if (undoStack.isEmpty()) return null\n\n    const lastAction = undoStack.peek()\n    let lastType: string\n    let sameTypeCount = 0\n\n    if (lastAction.type === 'COMPOSITE') {\n      lastType = 'COMPOSITE'\n      // Count consecutive composites from the end\n      for (let i = undoStack.stack.length - 1; i >= 0; i--) {\n        if (undoStack.stack[i].type === 'COMPOSITE') {\n          sameTypeCount++\n        } else {\n          break\n        }\n      }\n    } else {\n      lastType = lastAction.type\n      for (let i = undoStack.stack.length - 1; i >= 0; i--) {\n        if (undoStack.stack[i].type === lastType) {\n          sameTypeCount++\n        } else {\n          break\n        }\n      }\n    }\n\n    return {\n      lastType,\n      sameTypeCount,\n      totalActions: undoStack.size,\n    }\n  }, [undoStack])\n\n  // Generate preview information for the redo menu\n  const getRedoPreview = useCallback(() => {\n    if (redoStack.isEmpty()) return null\n\n    const lastAction = redoStack.peek()\n    let lastType: string\n    let sameTypeCount = 0\n\n    if (lastAction.type === 'COMPOSITE') {\n      lastType = 'COMPOSITE'\n      // Always treat composite as a single atomic action for preview\n      sameTypeCount = 1\n    } else {\n      lastType = lastAction.type\n      for (let i = redoStack.stack.length - 1; i >= 0; i--) {\n        if (redoStack.stack[i].type === lastType) {\n          sameTypeCount++\n        } else {\n          break\n        }\n      }\n    }\n\n    return {\n      lastType,\n      sameTypeCount,\n      totalActions: redoStack.size,\n    }\n  }, [redoStack])\n\n  const undoPreview = getUndoPreview()\n  const redoPreview = getRedoPreview()\n\n  /**\n   * Undo the most recent action\n   */\n  const handleUndo = useCallback(() => {\n    if (undoStack.isEmpty()) return\n    const actionToUndo = undoStack.pop()\n    if (actionToUndo) {\n      // If composite, undo all child actions in reverse order\n      if (actionToUndo.type === 'COMPOSITE') {\n        for (let i = actionToUndo.actions.length - 1; i >= 0; i--) {\n          const child = actionToUndo.actions[i]\n          const inverseOp = convertActionToModelChange(child, 'undo')\n          if (inverseOp) {\n            onApplyModelChange(inverseOp)\n          }\n        }\n        // Push the composite action itself to the redo stack\n        redoStack.push(actionToUndo)\n      } else {\n        const inverseOperation = convertActionToModelChange(\n          actionToUndo,\n          'undo',\n        )\n        if (!inverseOperation) return\n        onApplyModelChange(inverseOperation)\n        // Push the single action to the redo stack\n        redoStack.push(actionToUndo)\n      }\n    }\n    handleUndoClose()\n  }, [onApplyModelChange, undoStack, redoStack])\n\n  /**\n   * Redo the most recent undone action\n   */\n  const handleRedo = useCallback(() => {\n    if (redoStack.isEmpty()) return\n\n    const actionToRedo = redoStack.pop()\n\n    if (actionToRedo) {\n      // If composite, redo all child actions in order\n      if (actionToRedo.type === 'COMPOSITE') {\n        for (let i = 0; i < actionToRedo.actions.length; i++) {\n          const child = actionToRedo.actions[i]\n          const originalOp = convertActionToModelChange(child, 'redo')\n          if (originalOp) {\n            onApplyModelChange(originalOp)\n          }\n        }\n        // Push the composite action itself back to the undo stack\n        undoStack.push(actionToRedo)\n      } else {\n        const originalOperation = convertActionToModelChange(\n          actionToRedo,\n          'redo',\n        )\n        if (!originalOperation) return\n        onApplyModelChange(originalOperation)\n        // Push the single action back to the undo stack\n        undoStack.push(actionToRedo)\n      }\n    }\n    handleRedoClose()\n  }, [redoStack, undoStack, onApplyModelChange])\n\n  // Keyboard shortcuts for both undo and redo\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (\n        (event.ctrlKey && event.key === 'z' && !event.shiftKey) ||\n        (event.metaKey && event.key === 'z' && !event.shiftKey)\n      ) {\n        event.preventDefault()\n        handleUndo()\n      } else if (\n        (event.ctrlKey && event.key === 'y') ||\n        (event.ctrlKey && event.shiftKey && event.key === 'z') ||\n        (event.metaKey && event.shiftKey && event.key === 'z')\n      ) {\n        event.preventDefault()\n        handleRedo()\n      }\n    }\n\n    window.addEventListener('keydown', handleKeyDown)\n    return () => {\n      window.removeEventListener('keydown', handleKeyDown)\n    }\n  }, [handleUndo, handleRedo])\n\n  const addToUndoStack = (action: GridAction) => {\n    undoStack.push(action)\n  }\n\n  const clearUndoStack = () => undoStack.clear()\n\n  const clearRedoStack = () => redoStack.clear()\n\n  const addOperationsToUndoStack = (\n    operations: Operation[],\n    rowValues: DataGridRow[],\n    newValue: DataGridRow[],\n  ) => {\n    // Clear redo stack since new changes invalidate redo history\n    clearRedoStack()\n\n    const batch: SingleGridAction[] = []\n\n    for (const operation of operations) {\n      const start = operation.fromRowIndex\n      const end = operation.toRowIndex\n\n      if (operation.type === 'CREATE') {\n        for (let i = start; i < end; i++) {\n          const newRow = newValue[i]\n          batch.push({\n            type: 'CREATE',\n            rowIndex: i,\n            newValue: newRow,\n          })\n        }\n      }\n\n      if (operation.type === 'UPDATE') {\n        const oldVal = rowValues.slice(start, end)\n        const newVal = newValue.slice(start, end)\n\n        newVal.forEach((newRow: DataGridRow, idx: number) => {\n          const oldRow = oldVal[idx]\n          const rowIndex = start + idx\n          batch.push({\n            type: 'UPDATE',\n            rowIndex,\n            previousValue: oldRow,\n            newValue: newRow,\n          })\n        })\n      }\n\n      if (operation.type === 'DELETE') {\n        const deletedRows = rowValues.slice(start, end)\n        deletedRows.forEach((row, idx) => {\n          batch.push({\n            type: 'DELETE',\n            rowIndex: start + idx,\n            previousValue: row,\n          })\n        })\n      }\n    }\n    if (batch.length === 1) {\n      addToUndoStack(batch[0])\n    } else if (batch.length > 1) {\n      addToUndoStack(batchGridActions(batch))\n    }\n  }\n\n  const undoUI = (\n    <>\n      <GridMenuButton\n        variant={'outlined'}\n        aria-controls={undoOpen ? 'undo-menu' : undefined}\n        aria-haspopup=\"true\"\n        onClick={handleUndoClick}\n        disabled={!undoPreview}\n        endIcon={<KeyboardArrowDownIcon />}\n      >\n        Undo {undoPreview && `(${undoPreview.totalActions})`}\n      </GridMenuButton>\n      <Menu\n        id=\"undo-menu\"\n        anchorEl={undoAnchorEl}\n        open={undoOpen}\n        onClose={handleUndoClose}\n      >\n        {undoPreview ? (\n          <MenuItem key=\"lastAction\" onClick={handleUndo}>\n            Undo last {undoPreview.lastType.toLowerCase()} action\n          </MenuItem>\n        ) : (\n          <MenuItem disabled>No actions to undo</MenuItem>\n        )}\n      </Menu>\n    </>\n  )\n\n  const redoUI = (\n    <>\n      <GridMenuButton\n        variant={'outlined'}\n        aria-controls={redoOpen ? 'redo-menu' : undefined}\n        aria-haspopup=\"true\"\n        onClick={handleRedoClick}\n        disabled={!redoPreview}\n        endIcon={<KeyboardArrowDownIcon />}\n      >\n        Redo {redoPreview && `(${redoPreview.totalActions})`}\n      </GridMenuButton>\n      <Menu\n        id=\"redo-menu\"\n        anchorEl={redoAnchorEl}\n        open={redoOpen}\n        onClose={handleRedoClose}\n      >\n        {redoPreview ? (\n          <MenuItem key=\"lastAction\" onClick={handleRedo}>\n            Redo last {redoPreview.lastType.toLowerCase()} action\n          </MenuItem>\n        ) : (\n          <MenuItem disabled>No actions to redo</MenuItem>\n        )}\n      </Menu>\n    </>\n  )\n\n  return {\n    // Undo\n    undoPreview,\n    handleUndo,\n    addToUndoStack,\n    clearUndoStack,\n    addOperationsToUndoStack,\n    undoUI,\n    undoTotalActions: undoPreview ? undoPreview.totalActions : 0,\n\n    // Redo\n    redoPreview,\n    redoUI,\n    redoTotalActions: redoPreview ? redoPreview.totalActions : 0,\n    handleRedo,\n    clearRedoStack,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useGridUndoRedo.js","names":["GridMenuButton","KeyboardArrowDownIcon","Menu","MenuItem","useCallback","useEffect","useState","DataGridRow","Operation","ModelChange","convertActionToModelChange","useStack","SingleGridAction","type","rowIndex","previousValue","newValue","CompositeGridAction","actions","GridAction","batchGridActions","MAX_UNDO_STEPS","MAX_REDO_STEPS","useGridUndoRedo","onApplyModelChange","$","_c","t0","Symbol","for","undoStack","t1","redoStack","undoAnchorEl","setUndoAnchorEl","redoAnchorEl","setRedoAnchorEl","undoOpen","Boolean","redoOpen","t2","event","currentTarget","handleUndoClick","t3","event_0","handleRedoClick","t4","handleUndoClose","t5","handleRedoClose","t6","isEmpty","lastAction","peek","lastType","sameTypeCount","i","stack","length","i_0","totalActions","size","getUndoPreview","t7","lastAction_0","sameTypeCount_0","i_1","getRedoPreview","t8","undoPreview","t9","redoPreview","t10","actionToUndo","pop","i_2","child","inverseOp","push","inverseOperation","handleUndo","t11","actionToRedo","i_3","child_0","originalOp","originalOperation","handleRedo","t12","t13","handleKeyDown","event_1","ctrlKey","key","shiftKey","metaKey","preventDefault","window","addEventListener","removeEventListener","t14","action","addToUndoStack","t15","clear","clearUndoStack","t16","clearRedoStack","t17","operations","rowValues","batch","operation","start","fromRowIndex","end","toRowIndex","i_4","newRow","oldVal","slice","newVal","forEach","newRow_0","idx","oldRow","deletedRows","row","idx_0","addOperationsToUndoStack","t18","undefined","t19","t20","t21","t22","t23","toLowerCase","t24","t25","undoUI","t26","t27","t28","t29","t30","t31","t32","t33","redoUI","t34","t35","t36","undoTotalActions","redoTotalActions"],"sources":["../../../../src/components/DataGrid/hooks/useGridUndoRedo.tsx"],"sourcesContent":["import GridMenuButton from '@/components/DataGrid/components/GridMenuButton/GridMenuButton'\nimport KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown'\nimport { Menu, MenuItem } from '@mui/material'\nimport { useCallback, useEffect, useState } from 'react'\nimport { DataGridRow, Operation } from '../DataGridTypes'\nimport { ModelChange } from '../utils/applyModelChange'\nimport { convertActionToModelChange } from '../utils/convertActionToModelChange'\nimport { useStack } from './useStack'\n\n/**\n * Represents a single action in the grid that can be undone or redone\n */\nexport type SingleGridAction = {\n  type: 'CREATE' | 'DELETE' | 'UPDATE'\n  rowIndex: number\n  previousValue?: DataGridRow\n  newValue?: DataGridRow\n}\n\n/**\n * Composite action for batch undo/redo\n */\nexport type CompositeGridAction = {\n  type: 'COMPOSITE'\n  actions: SingleGridAction[]\n}\n\n/**\n * GridAction can be a single or composite action\n */\nexport type GridAction = SingleGridAction | CompositeGridAction\n\n/**\n * Helper to batch multiple single actions into a composite action\n */\nexport function batchGridActions(\n  actions: SingleGridAction[],\n): CompositeGridAction {\n  return {\n    type: 'COMPOSITE',\n    actions,\n  }\n}\n\nconst MAX_UNDO_STEPS = 100\nconst MAX_REDO_STEPS = 100\n\n/**\n * Hook to manage undo/redo functionality for a grid backed by a CRDT model.\n *\n * @param onApplyModelChange - Function to apply model changes and commit\n */\nexport function useGridUndoRedo(\n  onApplyModelChange: (change: ModelChange) => void,\n) {\n  // Tracks the stack of undoable actions in LIFO order\n  const undoStack = useStack<GridAction>([], MAX_UNDO_STEPS)\n  const redoStack = useStack<GridAction>([], MAX_REDO_STEPS)\n\n  // Separate state for undo and redo menus\n  const [undoAnchorEl, setUndoAnchorEl] = useState<null | HTMLElement>(null)\n  const [redoAnchorEl, setRedoAnchorEl] = useState<null | HTMLElement>(null)\n  const undoOpen = Boolean(undoAnchorEl)\n  const redoOpen = Boolean(redoAnchorEl)\n\n  const handleUndoClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setUndoAnchorEl(event.currentTarget)\n  }\n\n  const handleRedoClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setRedoAnchorEl(event.currentTarget)\n  }\n\n  const handleUndoClose = () => setUndoAnchorEl(null)\n  const handleRedoClose = () => setRedoAnchorEl(null)\n\n  // Generate preview information for the undo menu\n  const getUndoPreview = useCallback(() => {\n    if (undoStack.isEmpty()) return null\n\n    const lastAction = undoStack.peek()\n    let lastType: string\n    let sameTypeCount = 0\n\n    if (lastAction.type === 'COMPOSITE') {\n      lastType = 'COMPOSITE'\n      // Count consecutive composites from the end\n      for (let i = undoStack.stack.length - 1; i >= 0; i--) {\n        if (undoStack.stack[i].type === 'COMPOSITE') {\n          sameTypeCount++\n        } else {\n          break\n        }\n      }\n    } else {\n      lastType = lastAction.type\n      for (let i = undoStack.stack.length - 1; i >= 0; i--) {\n        if (undoStack.stack[i].type === lastType) {\n          sameTypeCount++\n        } else {\n          break\n        }\n      }\n    }\n\n    return {\n      lastType,\n      sameTypeCount,\n      totalActions: undoStack.size,\n    }\n  }, [undoStack])\n\n  // Generate preview information for the redo menu\n  const getRedoPreview = useCallback(() => {\n    if (redoStack.isEmpty()) return null\n\n    const lastAction = redoStack.peek()\n    let lastType: string\n    let sameTypeCount = 0\n\n    if (lastAction.type === 'COMPOSITE') {\n      lastType = 'COMPOSITE'\n      // Always treat composite as a single atomic action for preview\n      sameTypeCount = 1\n    } else {\n      lastType = lastAction.type\n      for (let i = redoStack.stack.length - 1; i >= 0; i--) {\n        if (redoStack.stack[i].type === lastType) {\n          sameTypeCount++\n        } else {\n          break\n        }\n      }\n    }\n\n    return {\n      lastType,\n      sameTypeCount,\n      totalActions: redoStack.size,\n    }\n  }, [redoStack])\n\n  const undoPreview = getUndoPreview()\n  const redoPreview = getRedoPreview()\n\n  /**\n   * Undo the most recent action\n   */\n  const handleUndo = useCallback(() => {\n    if (undoStack.isEmpty()) return\n    const actionToUndo = undoStack.pop()\n    if (actionToUndo) {\n      // If composite, undo all child actions in reverse order\n      if (actionToUndo.type === 'COMPOSITE') {\n        for (let i = actionToUndo.actions.length - 1; i >= 0; i--) {\n          const child = actionToUndo.actions[i]\n          const inverseOp = convertActionToModelChange(child, 'undo')\n          if (inverseOp) {\n            onApplyModelChange(inverseOp)\n          }\n        }\n        // Push the composite action itself to the redo stack\n        redoStack.push(actionToUndo)\n      } else {\n        const inverseOperation = convertActionToModelChange(\n          actionToUndo,\n          'undo',\n        )\n        if (!inverseOperation) return\n        onApplyModelChange(inverseOperation)\n        // Push the single action to the redo stack\n        redoStack.push(actionToUndo)\n      }\n    }\n    handleUndoClose()\n  }, [onApplyModelChange, undoStack, redoStack])\n\n  /**\n   * Redo the most recent undone action\n   */\n  const handleRedo = useCallback(() => {\n    if (redoStack.isEmpty()) return\n\n    const actionToRedo = redoStack.pop()\n\n    if (actionToRedo) {\n      // If composite, redo all child actions in order\n      if (actionToRedo.type === 'COMPOSITE') {\n        for (let i = 0; i < actionToRedo.actions.length; i++) {\n          const child = actionToRedo.actions[i]\n          const originalOp = convertActionToModelChange(child, 'redo')\n          if (originalOp) {\n            onApplyModelChange(originalOp)\n          }\n        }\n        // Push the composite action itself back to the undo stack\n        undoStack.push(actionToRedo)\n      } else {\n        const originalOperation = convertActionToModelChange(\n          actionToRedo,\n          'redo',\n        )\n        if (!originalOperation) return\n        onApplyModelChange(originalOperation)\n        // Push the single action back to the undo stack\n        undoStack.push(actionToRedo)\n      }\n    }\n    handleRedoClose()\n  }, [redoStack, undoStack, onApplyModelChange])\n\n  // Keyboard shortcuts for both undo and redo\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (\n        (event.ctrlKey && event.key === 'z' && !event.shiftKey) ||\n        (event.metaKey && event.key === 'z' && !event.shiftKey)\n      ) {\n        event.preventDefault()\n        handleUndo()\n      } else if (\n        (event.ctrlKey && event.key === 'y') ||\n        (event.ctrlKey && event.shiftKey && event.key === 'z') ||\n        (event.metaKey && event.shiftKey && event.key === 'z')\n      ) {\n        event.preventDefault()\n        handleRedo()\n      }\n    }\n\n    window.addEventListener('keydown', handleKeyDown)\n    return () => {\n      window.removeEventListener('keydown', handleKeyDown)\n    }\n  }, [handleUndo, handleRedo])\n\n  const addToUndoStack = (action: GridAction) => {\n    undoStack.push(action)\n  }\n\n  const clearUndoStack = () => undoStack.clear()\n\n  const clearRedoStack = () => redoStack.clear()\n\n  const addOperationsToUndoStack = (\n    operations: Operation[],\n    rowValues: DataGridRow[],\n    newValue: DataGridRow[],\n  ) => {\n    // Clear redo stack since new changes invalidate redo history\n    clearRedoStack()\n\n    const batch: SingleGridAction[] = []\n\n    for (const operation of operations) {\n      const start = operation.fromRowIndex\n      const end = operation.toRowIndex\n\n      if (operation.type === 'CREATE') {\n        for (let i = start; i < end; i++) {\n          const newRow = newValue[i]\n          batch.push({\n            type: 'CREATE',\n            rowIndex: i,\n            newValue: newRow,\n          })\n        }\n      }\n\n      if (operation.type === 'UPDATE') {\n        const oldVal = rowValues.slice(start, end)\n        const newVal = newValue.slice(start, end)\n\n        newVal.forEach((newRow: DataGridRow, idx: number) => {\n          const oldRow = oldVal[idx]\n          const rowIndex = start + idx\n          batch.push({\n            type: 'UPDATE',\n            rowIndex,\n            previousValue: oldRow,\n            newValue: newRow,\n          })\n        })\n      }\n\n      if (operation.type === 'DELETE') {\n        const deletedRows = rowValues.slice(start, end)\n        deletedRows.forEach((row, idx) => {\n          batch.push({\n            type: 'DELETE',\n            rowIndex: start + idx,\n            previousValue: row,\n          })\n        })\n      }\n    }\n    if (batch.length === 1) {\n      addToUndoStack(batch[0])\n    } else if (batch.length > 1) {\n      addToUndoStack(batchGridActions(batch))\n    }\n  }\n\n  const undoUI = (\n    <>\n      <GridMenuButton\n        variant={'outlined'}\n        aria-controls={undoOpen ? 'undo-menu' : undefined}\n        aria-haspopup=\"true\"\n        onClick={handleUndoClick}\n        disabled={!undoPreview}\n        endIcon={<KeyboardArrowDownIcon />}\n      >\n        Undo {undoPreview && `(${undoPreview.totalActions})`}\n      </GridMenuButton>\n      <Menu\n        id=\"undo-menu\"\n        anchorEl={undoAnchorEl}\n        open={undoOpen}\n        onClose={handleUndoClose}\n      >\n        {undoPreview ? (\n          <MenuItem key=\"lastAction\" onClick={handleUndo}>\n            Undo last {undoPreview.lastType.toLowerCase()} action\n          </MenuItem>\n        ) : (\n          <MenuItem disabled>No actions to undo</MenuItem>\n        )}\n      </Menu>\n    </>\n  )\n\n  const redoUI = (\n    <>\n      <GridMenuButton\n        variant={'outlined'}\n        aria-controls={redoOpen ? 'redo-menu' : undefined}\n        aria-haspopup=\"true\"\n        onClick={handleRedoClick}\n        disabled={!redoPreview}\n        endIcon={<KeyboardArrowDownIcon />}\n      >\n        Redo {redoPreview && `(${redoPreview.totalActions})`}\n      </GridMenuButton>\n      <Menu\n        id=\"redo-menu\"\n        anchorEl={redoAnchorEl}\n        open={redoOpen}\n        onClose={handleRedoClose}\n      >\n        {redoPreview ? (\n          <MenuItem key=\"lastAction\" onClick={handleRedo}>\n            Redo last {redoPreview.lastType.toLowerCase()} action\n          </MenuItem>\n        ) : (\n          <MenuItem disabled>No actions to redo</MenuItem>\n        )}\n      </Menu>\n    </>\n  )\n\n  return {\n    // Undo\n    undoPreview,\n    handleUndo,\n    addToUndoStack,\n    clearUndoStack,\n    addOperationsToUndoStack,\n    undoUI,\n    undoTotalActions: undoPreview ? undoPreview.totalActions : 0,\n\n    // Redo\n    redoPreview,\n    redoUI,\n    redoTotalActions: redoPreview ? redoPreview.totalActions : 0,\n    handleRedo,\n    clearRedoStack,\n  }\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"useRemoteSelections.js","names":["useMemo","GridModel","GridModelSnapshot","ReplicaSelectionModel","GridReplicaInfo","replicaSelectionToGridSelection","GridSelectionRange","RemoteSelection","replicaId","range","colorIndex","useRemoteSelections","modelSnapshot","model","replicas","localReplicaId","$","_c","t0","bb0","t1","Symbol","for","selectionMap","selection","Record","results","replica","rid","isConnected","replicaType","selectionModel","String","push"],"sources":["../../../../src/components/DataGrid/hooks/useRemoteSelections.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport type {\n  GridModel,\n  GridModelSnapshot,\n  ReplicaSelectionModel,\n} from '../DataGridTypes'\nimport type { GridReplicaInfo } from '@sage-bionetworks/synapse-client'\nimport {\n  replicaSelectionToGridSelection,\n  type GridSelectionRange,\n} from '../utils/replicaSelectionToGridSelection'\n\nexport interface RemoteSelection {\n  replicaId: number\n  range: GridSelectionRange\n  /** 0-7 color index, derived from replicaId for a stable per-session color. */\n  colorIndex: number\n}\n\n/**\n * Derives remote replica selection ranges from the CRDT model's selection map.\n * The server mirrors each replica's selection into the model under\n * `snapshot.selection[replicaId]`, so no extra API calls are needed.\n */\nexport function useRemoteSelections(\n  modelSnapshot: GridModelSnapshot | null | undefined,\n  model: GridModel | null | undefined,\n  replicas: GridReplicaInfo[],\n  localReplicaId: number | null,\n): RemoteSelection[] {\n  return useMemo(() => {\n    if (!modelSnapshot || !model) return []\n\n    const selectionMap = modelSnapshot.selection as Record<\n      string,\n      ReplicaSelectionModel\n    >\n    if (!selectionMap) return []\n\n    const results: RemoteSelection[] = []\n\n    for (const replica of replicas) {\n      const rid = replica.replicaId\n      if (rid == null || rid === localReplicaId) continue\n      if (!replica.isConnected) continue\n      if (replica.replicaType === 'SERVICE') continue\n\n      const selectionModel = selectionMap[String(rid)]\n      if (!selectionModel) continue\n\n      try {\n        const range = replicaSelectionToGridSelection(selectionModel, model)\n        if (range) {\n          results.push({\n            replicaId: rid,\n            range,\n            colorIndex: rid % 8,\n          })\n        }\n      } catch {\n        // Ignore stale/malformed selection data for a replica\n      }\n    }\n\n    return results\n  }, [modelSnapshot, model, replicas, localReplicaId])\n}\n"],"mappings":";;;AAwBA,SAAOW,EAAAC,GAAAC,GAAAC,GAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC;AAAAC,MAAA;AAOH,MAAI,CAACP,KAAD,CAAmBC,GAAK;GAAA,IAAAO;AAAEF,GAAFF,EAAA,OAAAK,OAAAC,IAAA,4BAAA,IAASF,IAAA,EAAE,EAAAJ,EAAA,KAAAI,KAAAA,IAAAJ,EAAA,IAATE,IAAOE;AAAP,SAAAD;;EAE9B,IAAAI,IAAqBX,EAAaY;AAIlC,MAAI,CAACD,GAAY;GAAA,IAAAH;AAAEF,GAAFF,EAAA,OAAAK,OAAAC,IAAA,4BAAA,IAASF,IAAA,EAAE,EAAAJ,EAAA,KAAAI,KAAAA,IAAAJ,EAAA,IAATE,IAAOE;AAAP,SAAAD;;EAAS,IAAAO;AAAA,MAAAV,EAAA,OAAAD,KAAAC,EAAA,OAAAH,KAAAG,EAAA,OAAAF,KAAAE,EAAA,OAAAO,GAAA;AAE5BG,OAAmC,EAAE;AAErC,QAAK,IAAAC,KAAiBb,GAAQ;IAC5B,IAAAc,IAAYD,EAAOnB;AAGnB,QAFIoB,KAAO,QAAQA,MAAQb,KACvB,CAACY,EAAOE,eACRF,EAAOG,gBAAiB,UAAW;IAEvC,IAAAC,IAAuBR,EAAaS,OAAOJ,EAAI;AAC1CG,UAEL,KAAA;KACE,IAAAtB,IAAcJ,EAAgC0B,GAAgBlB,EAAM;AACpE,KAAIJ,KACFiB,EAAOO,KAAM;MAAAzB,WACAoB;MAAGnB;MAAAC,YAEFkB,IAAM;MACnB,CAAC;YACH;;AAIJZ,GAAAA,EAAA,KAAAD,GAAAC,EAAA,KAAAH,GAAAG,EAAA,KAAAF,GAAAE,EAAA,KAAAO,GAAAP,EAAA,KAAAU;QAAAA,KAAAV,EAAA;AAEDE,MAAOQ;;AAAO,QAlCTR"}
+{"version":3,"file":"useRemoteSelections.js","names":["useMemo","GridModel","GridModelSnapshot","ReplicaSelectionModel","GridReplicaInfo","replicaSelectionToGridSelection","GridSelectionRange","RemoteSelection","replicaId","range","colorIndex","useRemoteSelections","modelSnapshot","model","replicas","localReplicaId","$","_c","t0","bb0","t1","Symbol","for","selectionMap","selection","Record","results","replica","rid","isConnected","replicaType","selectionModel","String","push"],"sources":["../../../../src/components/DataGrid/hooks/useRemoteSelections.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport type {\n  GridModel,\n  GridModelSnapshot,\n  ReplicaSelectionModel,\n} from '../DataGridTypes'\nimport type { GridReplicaInfo } from '@sage-bionetworks/synapse-client'\nimport {\n  replicaSelectionToGridSelection,\n  type GridSelectionRange,\n} from '../utils/replicaSelectionToGridSelection'\n\nexport interface RemoteSelection {\n  replicaId: number\n  range: GridSelectionRange\n  /** 0-7 color index, derived from replicaId for a stable per-session color. */\n  colorIndex: number\n}\n\n/**\n * Derives remote replica selection ranges from the CRDT model's selection map.\n * The server mirrors each replica's selection into the model under\n * `snapshot.selection[replicaId]`, so no extra API calls are needed.\n */\nexport function useRemoteSelections(\n  modelSnapshot: GridModelSnapshot | null | undefined,\n  model: GridModel | null | undefined,\n  replicas: GridReplicaInfo[],\n  localReplicaId: number | null,\n): RemoteSelection[] {\n  return useMemo(() => {\n    if (!modelSnapshot || !model) return []\n\n    const selectionMap = modelSnapshot.selection as Record<\n      string,\n      ReplicaSelectionModel\n    >\n    if (!selectionMap) return []\n\n    const results: RemoteSelection[] = []\n\n    for (const replica of replicas) {\n      const rid = replica.replicaId\n      if (rid == null || rid === localReplicaId) continue\n      if (!replica.isConnected) continue\n      if (replica.replicaType === 'SERVICE') continue\n\n      const selectionModel = selectionMap[String(rid)]\n      if (!selectionModel) continue\n\n      try {\n        const range = replicaSelectionToGridSelection(selectionModel, model)\n        if (range) {\n          results.push({\n            replicaId: rid,\n            range,\n            colorIndex: rid % 8,\n          })\n        }\n      } catch {\n        // Ignore stale/malformed selection data for a replica\n      }\n    }\n\n    return results\n  }, [modelSnapshot, model, replicas, localReplicaId])\n}\n"],"mappings":";;;AAwBA,SAAOW,EAAAC,GAAAC,GAAAC,GAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,CAAA,GAAAC;CAAAC,KAAA;EAOH,IAAI,CAACP,KAAD,CAAmBC,GAAK;GAAA,IAAAO;GAAEF,AAAFF,EAAA,OAAAK,OAAAC,IAAA,2BAAA,KAASF,IAAA,CAAA,GAAEJ,EAAA,KAAAI,KAAAA,IAAAJ,EAAA,IAATE,IAAOE;GAAP,MAAAD;EAAS;EAEvC,IAAAI,IAAqBX,EAAaY;EAIlC,IAAI,CAACD,GAAY;GAAA,IAAAH;GAAEF,AAAFF,EAAA,OAAAK,OAAAC,IAAA,2BAAA,KAASF,IAAA,CAAA,GAAEJ,EAAA,KAAAI,KAAAA,IAAAJ,EAAA,IAATE,IAAOE;GAAP,MAAAD;EAAS;EAAA,IAAAO;EAAA,IAAAV,EAAA,OAAAD,KAAAC,EAAA,OAAAH,KAAAG,EAAA,OAAAF,KAAAE,EAAA,OAAAO,GAAA;GAE5BG,IAAmC,CAAA;GAEnC,KAAK,IAAAC,KAAiBb,GAAQ;IAC5B,IAAAc,IAAYD,EAAOnB;IAGnB,IAFIoB,KAAO,QAAQA,MAAQb,KACvB,CAACY,EAAOE,eACRF,EAAOG,gBAAiB,WAAW;IAEvC,IAAAC,IAAuBR,EAAaS,OAAOJ,CAAG;IACzCG,OAEL,IAAA;KACE,IAAAtB,IAAcJ,EAAgC0B,GAAgBlB,CAAK;KACnE,AAAIJ,KACFiB,EAAOO,KAAM;MAAAzB,WACAoB;MAAGnB;MAAAC,YAEFkB,IAAM;KACpB,CAAC;IACF,QAAA,CAAA;GAGF;GACFZ,AAAAA,EAAA,KAAAD,GAAAC,EAAA,KAAAH,GAAAG,EAAA,KAAAF,GAAAE,EAAA,KAAAO,GAAAP,EAAA,KAAAU;EAAA,OAAAA,IAAAV,EAAA;EAEDE,IAAOQ;CAAO;CAAA,OAlCTR;AAmC6C"}

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

@@ -1 +1 @@
-{"version":3,"file":"useStack.js","names":["useCallback","useState","useStack","t0","maxSize","$","_c","t1","undefined","stack","currentStack","setCurrentStack","t2","item","prev","newStack","length","shift","push","t3","popped","_temp","pop","t4","peek","t5","Symbol","for","clear","t6","isEmpty","t7","size","prev_0","slice"],"sources":["../../../../src/components/DataGrid/hooks/useStack.tsx"],"sourcesContent":["import { useCallback, useState } from 'react'\n\n/**\n * Hook for managing a stack data structure\n * @param stack - Initial stack items\n * @param maxSize - Optional maximum stack size. When exceeded, oldest items are removed\n */ export function useStack<T>(stack: T[] = [], maxSize?: number) {\n  const [currentStack, setCurrentStack] = useState<T[]>(stack)\n\n  const push = useCallback(\n    (item: T) => {\n      setCurrentStack(prev => {\n        //  Push a new item onto the top of the stack\n        const newStack = [...prev, item]\n\n        // Enforce maximum stack size by removing oldest element (bottom of stack)\n        if (maxSize && newStack.length > maxSize) {\n          newStack.shift()\n        }\n\n        return newStack\n      })\n    },\n    [maxSize],\n  )\n\n  const pop = useCallback(() => {\n    if (currentStack.length === 0) return undefined\n\n    const popped = currentStack[currentStack.length - 1]\n    setCurrentStack(prev => prev.slice(0, -1))\n    return popped\n  }, [currentStack])\n\n  const peek = useCallback(() => {\n    return currentStack[currentStack.length - 1]\n  }, [currentStack])\n\n  const clear = useCallback(() => {\n    setCurrentStack([])\n  }, [])\n\n  const isEmpty = useCallback(() => currentStack.length === 0, [currentStack])\n\n  return {\n    stack: currentStack,\n    push,\n    pop,\n    clear,\n    peek,\n    size: currentStack.length,\n    isEmpty,\n  }\n}\n"],"mappings":";;;AAMI,SAAOE,EAAAC,GAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC;AAAA,CAAAF,EAAA,OAAAF,IAAoCI,IAAAF,EAAA,MAAfE,IAAAJ,MAAAK,KAAAA,IAAA,EAAe,GAAfL,GAAeE,EAAA,KAAAF,GAAAE,EAAA,KAAAE;CAC7C,IAAA,CAAAG,GAAAC,KAAwCV,EAAcQ,EAAM,EAAAG;AAAA,CAAAP,EAAA,OAAAD,IAezDQ,IAAAP,EAAA,MAZDO,KAAAC,MAAA;AACEF,KAAgBG,MAAA;GAEd,IAAAC,IAAiB,CAAA,GAAID,GAAMD,EAAK;AAK/B,UAFGT,KAAWW,EAAQC,SAAUZ,KAC/BW,EAAQE,OAAQ,EAGXF;IACP;IACHV,EAAA,KAAAD,GAAAC,EAAA,KAAAO;CAbH,IAAAM,IAAaN,GAeZO;AAAA,CAAAd,EAAA,OAAAK,IAQAS,IAAAd,EAAA,MANuBc,UAAA;AACtB,MAAIT,EAAYM,WAAY,EAAC;EAE7B,IAAAI,IAAeV,EAAaA,EAAYM,SAAU;AACR,SAA1CL,EAAgBU,EAA0B,EACnCD;IACRf,EAAA,KAAAK,GAAAL,EAAA,KAAAc;CAND,IAAAG,IAAYH,GAMMI;AAAA,CAAAlB,EAAA,OAAAK,IAIjBa,IAAAlB,EAAA,MAFwBkB,UAChBb,EAAaA,EAAYM,SAAU,IAC3CX,EAAA,KAAAK,GAAAL,EAAA,KAAAkB;CAFD,IAAAC,IAAaD,GAEKE;AAAA,CAAApB,EAAA,OAAAqB,OAAAC,IAAA,4BAAA,IAEQF,UAAA;AACxBd,IAAgB,EAAE,CAAC;IACpBN,EAAA,KAAAoB,KAAAA,IAAApB,EAAA;CAFD,IAAAuB,IAAcH,GAERI;AAAA,CAAAxB,EAAA,OAAAK,EAAAM,SAEqDa,IAAAxB,EAAA,OAA/BwB,UAAMnB,EAAYM,WAAY,GAACX,EAAA,KAAAK,EAAAM,QAAAX,EAAA,MAAAwB;CAA3D,IAAAC,IAAgBD,GAA4DE;AAU3E,QAV2E1B,EAAA,QAAAK,KAAAL,EAAA,QAAAyB,KAAAzB,EAAA,QAAAmB,KAAAnB,EAAA,QAAAiB,KAAAjB,EAAA,QAAAa,KAErEa,IAAA;EAAAtB,OACEC;EAAYQ;EAAAI;EAAAM;EAAAJ;EAAAQ,MAKbtB,EAAYM;EAAOc;EAE1B,EAAAzB,EAAA,MAAAK,GAAAL,EAAA,MAAAyB,GAAAzB,EAAA,MAAAmB,GAAAnB,EAAA,MAAAiB,GAAAjB,EAAA,MAAAa,GAAAb,EAAA,MAAA0B,KAAAA,IAAA1B,EAAA,KARM0B;;AAtCE,SAAAV,EAAAY,GAAA;AAAA,QAwBiBnB,EAAIoB,MAAO,GAAG,GAAG"}
+{"version":3,"file":"useStack.js","names":["useCallback","useState","useStack","t0","maxSize","$","_c","t1","undefined","stack","currentStack","setCurrentStack","t2","item","prev","newStack","length","shift","push","t3","popped","_temp","pop","t4","peek","t5","Symbol","for","clear","t6","isEmpty","t7","size","prev_0","slice"],"sources":["../../../../src/components/DataGrid/hooks/useStack.tsx"],"sourcesContent":["import { useCallback, useState } from 'react'\n\n/**\n * Hook for managing a stack data structure\n * @param stack - Initial stack items\n * @param maxSize - Optional maximum stack size. When exceeded, oldest items are removed\n */ export function useStack<T>(stack: T[] = [], maxSize?: number) {\n  const [currentStack, setCurrentStack] = useState<T[]>(stack)\n\n  const push = useCallback(\n    (item: T) => {\n      setCurrentStack(prev => {\n        //  Push a new item onto the top of the stack\n        const newStack = [...prev, item]\n\n        // Enforce maximum stack size by removing oldest element (bottom of stack)\n        if (maxSize && newStack.length > maxSize) {\n          newStack.shift()\n        }\n\n        return newStack\n      })\n    },\n    [maxSize],\n  )\n\n  const pop = useCallback(() => {\n    if (currentStack.length === 0) return undefined\n\n    const popped = currentStack[currentStack.length - 1]\n    setCurrentStack(prev => prev.slice(0, -1))\n    return popped\n  }, [currentStack])\n\n  const peek = useCallback(() => {\n    return currentStack[currentStack.length - 1]\n  }, [currentStack])\n\n  const clear = useCallback(() => {\n    setCurrentStack([])\n  }, [])\n\n  const isEmpty = useCallback(() => currentStack.length === 0, [currentStack])\n\n  return {\n    stack: currentStack,\n    push,\n    pop,\n    clear,\n    peek,\n    size: currentStack.length,\n    isEmpty,\n  }\n}\n"],"mappings":";;;AAMI,SAAOE,EAAAC,GAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,GAAAC;CAAA,AAAAF,EAAA,OAAAF,IAAoCI,IAAAF,EAAA,MAAfE,IAAAJ,MAAAK,KAAAA,IAAA,CAAA,IAAAL,GAAeE,EAAA,KAAAF,GAAAE,EAAA,KAAAE;CAC7C,IAAA,CAAAG,GAAAC,KAAwCV,EAAcQ,CAAK,GAACG;CAAA,AAAAP,EAAA,OAAAD,IAezDQ,IAAAP,EAAA,MAZDO,KAAAC,MAAA;EACEF,GAAgBG,MAAA;GAEd,IAAAC,IAAiB,CAAA,GAAID,GAAMD,CAAI;GAK9B,OAFGT,KAAWW,EAAQC,SAAUZ,KAC/BW,EAAQE,MAAO,GAGVF;EAAQ,CAChB;CAAC,GACHV,EAAA,KAAAD,GAAAC,EAAA,KAAAO;CAbH,IAAAM,IAAaN,GAeZO;CAAA,AAAAd,EAAA,OAAAK,IAQAS,IAAAd,EAAA,MANuBc,UAAA;EACtB,IAAIT,EAAYM,WAAY,GAAC;EAE7B,IAAAI,IAAeV,EAAaA,EAAYM,SAAU;EACR,OAA1CL,EAAgBU,CAAyB,GAClCD;CAAM,GACdf,EAAA,KAAAK,GAAAL,EAAA,KAAAc;CAND,IAAAG,IAAYH,GAMMI;CAAA,AAAAlB,EAAA,OAAAK,IAIjBa,IAAAlB,EAAA,MAFwBkB,UAChBb,EAAaA,EAAYM,SAAU,IAC3CX,EAAA,KAAAK,GAAAL,EAAA,KAAAkB;CAFD,IAAAC,IAAaD,GAEKE;CAAA,AAAApB,EAAA,OAAAqB,OAAAC,IAAA,2BAAA,KAEQF,UAAA;EACxBd,EAAgB,CAAA,CAAE;CAAC,GACpBN,EAAA,KAAAoB,KAAAA,IAAApB,EAAA;CAFD,IAAAuB,IAAcH,GAERI;CAAA,AAAAxB,EAAA,OAAAK,EAAAM,SAEqDa,IAAAxB,EAAA,OAA/BwB,UAAMnB,EAAYM,WAAY,GAACX,EAAA,KAAAK,EAAAM,QAAAX,EAAA,MAAAwB;CAA3D,IAAAC,IAAgBD,GAA4DE;CAU3E,OAV2E1B,EAAA,QAAAK,KAAAL,EAAA,QAAAyB,KAAAzB,EAAA,QAAAmB,KAAAnB,EAAA,QAAAiB,KAAAjB,EAAA,QAAAa,KAErEa,IAAA;EAAAtB,OACEC;EAAYQ;EAAAI;EAAAM;EAAAJ;EAAAQ,MAKbtB,EAAYM;EAAOc;CAE3B,GAACzB,EAAA,MAAAK,GAAAL,EAAA,MAAAyB,GAAAzB,EAAA,MAAAmB,GAAAnB,EAAA,MAAAiB,GAAAjB,EAAA,MAAAa,GAAAb,EAAA,MAAA0B,KAAAA,IAAA1B,EAAA,KARM0B;AAQN;AA9CQ,SAAAV,EAAAY,GAAA;CAAA,OAwBiBnB,EAAIoB,MAAO,GAAG,EAAE;AAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useCRDTModelView.js","names":["JsonNode","Model","useCallback","useMemo","useSyncExternalStore","noop","useCRDTModelView","model","$","_c","t0","bb0","_temp","api","subscribe","t1","getSnapshot"],"sources":["../../../src/components/DataGrid/useCRDTModelView.ts"],"sourcesContent":["import { JsonNode, Model } from 'json-joy/lib/json-crdt'\nimport { useCallback, useMemo, useSyncExternalStore } from 'react'\nimport noop from 'lodash-es/noop'\n\nexport function useCRDTModelView<T extends JsonNode = JsonNode>(\n  model: Model<T> | null | undefined,\n) {\n  const subscribe = useMemo(() => {\n    if (!model) return () => noop\n    return model.api.subscribe\n  }, [model])\n\n  const getSnapshot = useCallback(() => {\n    if (!model) return null\n    return model.api.getSnapshot()\n  }, [model])\n\n  return useSyncExternalStore(subscribe, getSnapshot)\n}\n"],"mappings":";;;;AAIA,SAAOM,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC;AAAAC,MAAA;AAIH,MAAI,CAACJ,GAAK;AAAEG,OAAOE;AAAP,SAAAD;;AACZD,MAAOH,EAAKM,IAAIC;;CAFlB,IAAAA,IAAkBJ,GAGPK;AAKA,QALAP,EAAA,OAAAD,IAKVQ,IAAAP,EAAA,MAH+BO,UACzBR,IACEA,EAAKM,IAAIG,aAAc,GADX,MAEpBR,EAAA,KAAAD,GAAAC,EAAA,KAAAO,IAEMX,EAAqBU,GAAWE,EAAY;;AAb9C,SAAAJ,IAAA;AAAA,QAIsBP"}
+{"version":3,"file":"useCRDTModelView.js","names":["JsonNode","Model","useCallback","useMemo","useSyncExternalStore","noop","useCRDTModelView","model","$","_c","t0","bb0","_temp","api","subscribe","t1","getSnapshot"],"sources":["../../../src/components/DataGrid/useCRDTModelView.ts"],"sourcesContent":["import { JsonNode, Model } from 'json-joy/lib/json-crdt'\nimport { useCallback, useMemo, useSyncExternalStore } from 'react'\nimport noop from 'lodash-es/noop'\n\nexport function useCRDTModelView<T extends JsonNode = JsonNode>(\n  model: Model<T> | null | undefined,\n) {\n  const subscribe = useMemo(() => {\n    if (!model) return () => noop\n    return model.api.subscribe\n  }, [model])\n\n  const getSnapshot = useCallback(() => {\n    if (!model) return null\n    return model.api.getSnapshot()\n  }, [model])\n\n  return useSyncExternalStore(subscribe, getSnapshot)\n}\n"],"mappings":";;;;AAIA,SAAOM,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,CAAA,GAAAC;CAAAC,KAAA;EAIH,IAAI,CAACJ,GAAK;GAAEG,IAAOE;GAAP,MAAAD;EAAiB;EAC7BD,IAAOH,EAAKM,IAAIC;CAAU;CAF5B,IAAAA,IAAkBJ,GAGPK;CAKA,OALAP,EAAA,OAAAD,IAKVQ,IAAAP,EAAA,MAH+BO,UACzBR,IACEA,EAAKM,IAAIG,YAAa,IADV,MAEpBR,EAAA,KAAAD,GAAAC,EAAA,KAAAO,IAEMX,EAAqBU,GAAWE,CAAW;AAAC;AAb9C,SAAAJ,IAAA;CAAA,OAIsBP;AAAI"}

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

@@ -22,6 +22,7 @@ interface WebSocketState {
     websocketInstance: DataGridWebSocket | null;
     connectionAttemptId: number | null;
     connectionError: unknown;
+    websocketError: unknown;
 }
 export declare const initialWebSocketState: WebSocketState;
 /**
@@ -84,6 +85,7 @@ export declare function useDataGridWebSocket(options?: UseDataGridWebSocketOptio
     connect: (replicaId: number, sessionId: string) => void;
     presignedUrl: string | null;
     errorEstablishingWebsocketConnection: unknown;
+    websocketError: unknown;
     hasSufficientData: boolean;
 };
 export {};

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;AAG/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;CACzB;AAyGD,eAAO,MAAM,qBAAqB,EAAE,cAUnC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAoD1D,MAAM,aAAa,MAAM;;;;EA8IxC"}
+{"version":3,"file":"useDataGridWebsocket.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/useDataGridWebsocket.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAA;AAG/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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAsD1D,MAAM,aAAa,MAAM;;;;;EA+IxC"}

package/dist/components/DataGrid/useDataGridWebsocket.js

@@ -59,6 +59,10 @@ function c(e, t) {
 			connectionError: t.payload,
 			isConnecting: !1
 		};
+		case "WEBSOCKET_ERROR": return {
+			...e,
+			websocketError: t.payload
+		};
 		default: return e;
 	}
 }
@@ -71,7 +75,8 @@ var l = {
 	connectionParams: null,
 	websocketInstance: null,
 	connectionAttemptId: null,
-	connectionError: null
+	connectionError: null,
+	websocketError: null
 };
 function u(u) {
 	let [d, f] = a(c, l), p = o(0), m = o(null), h = t(d.model), g = s(), { mutateAsync: _, isPending: v, error: y, presignedUrl: b, reset: x, clearPresignedUrl: S } = e(), C = n((e) => {
@@ -88,7 +93,11 @@ function u(u) {
 		onReplicaConnected: u?.onReplicaConnected,
 		onReplicaDisconnected: u?.onReplicaDisconnected,
 		onSyncStart: () => f({ type: "SYNC_STARTED" }),
-		onSyncEnd: () => f({ type: "SYNC_ENDED" })
+		onSyncEnd: () => f({ type: "SYNC_ENDED" }),
+		onError: (e) => f({
+			type: "WEBSOCKET_ERROR",
+			payload: e
+		})
 	}), [
 		C,
 		u?.onGridReady,
@@ -170,6 +179,7 @@ function u(u) {
 		connect: T,
 		presignedUrl: b,
 		errorEstablishingWebsocketConnection: d.connectionError ?? y,
+		websocketError: d.websocketError,
 		hasSufficientData: D(d.model)
 	};
 }

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

@@ -1 +1 @@
-{"version":3,"file":"useDataGridWebsocket.js","names":["GridModel","useCRDTModelView","useCallback","useEffect","useMemo","useReducer","useRef","DataGridWebSocket","useEstablishWebsocketConnection","useDocumentVisibility","WebSocketState","model","hasCompletedInitialSync","isSyncing","isConnected","isConnecting","connectionParams","replicaId","sessionId","websocketInstance","connectionAttemptId","connectionError","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","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 { 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}\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\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    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}\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    }),\n    [\n      handleModelCreate,\n      options?.onGridReady,\n      options?.onReplicaConnected,\n      options?.onReplicaDisconnected,\n    ],\n  )\n\n  // Initiate (or re-initiate) a connection\n  const connect = useCallback(\n    (replicaId: number, sessionId: string) => {\n      resetEstablishWebsocketConnection()\n\n      const isDifferentConnection =\n        !state.connectionParams ||\n        state.connectionParams.replicaId !== replicaId ||\n        state.connectionParams.sessionId !== sessionId\n\n      if (isDifferentConnection) {\n        clearPresignedUrl()\n      }\n\n      connectionAttemptCounter.current += 1\n      const attemptId = connectionAttemptCounter.current\n\n      dispatch({\n        type: 'CONNECT_REQUESTED',\n        payload: { replicaId, sessionId, attemptId },\n      })\n    },\n    [\n      dispatch,\n      state.connectionParams,\n      resetEstablishWebsocketConnection,\n      clearPresignedUrl,\n      connectionAttemptCounter,\n    ],\n  )\n\n  /**\n   * Establish the WebSocket connection when conditions are met.\n   * Uses the current model state at connection time for reconnections to the same session.\n   * Note: Changes to `model` alone do NOT trigger reconnection - only changes to connection\n   * params, visibility, or connection status will trigger a new connection attempt.\n   */\n  useEffect(() => {\n    // Don't attempt connection if conditions aren't met\n    const { connectionParams, connectionAttemptId } = state\n\n    if (\n      !connectionParams ||\n      connectionAttemptId === null ||\n      state.isConnected ||\n      state.isConnecting ||\n      isEstablishingWebsocketConnection ||\n      errorEstablishingWebsocketConnection ||\n      state.connectionError ||\n      !isDocumentVisible\n    ) {\n      return\n    }\n\n    activeConnectionAttemptIdRef.current = connectionAttemptId\n\n    // Use current model state for reconnections to same session\n    // (model may have been created by a previous connection)\n    establishWebsocketConnection({\n      replicaId: connectionParams.replicaId,\n      sessionId: connectionParams.sessionId,\n      websocketOptions: {\n        ...websocketOptionsWithoutModel,\n        model: state.model, // Current model at connection time\n      },\n    })\n      .then(ws => {\n        if (activeConnectionAttemptIdRef.current !== connectionAttemptId) {\n          ws.disconnect()\n          return\n        }\n\n        dispatch({ type: 'CONNECTION_ESTABLISHED', payload: ws })\n      })\n      .catch(err => {\n        dispatch({ type: 'CONNECTION_ERROR', payload: err })\n        console.error('Failed to establish WebSocket', err)\n      })\n  }, [\n    state,\n    state.connectionParams,\n    state.connectionAttemptId,\n    state.isConnected,\n    state.isConnecting,\n    isEstablishingWebsocketConnection,\n    errorEstablishingWebsocketConnection,\n    isDocumentVisible,\n    establishWebsocketConnection,\n    websocketOptionsWithoutModel,\n  ])\n\n  const previousConnectionParams =\n    useRef<WebSocketState['connectionParams']>(null)\n\n  useEffect(() => {\n    const previous = previousConnectionParams.current\n    const current = state.connectionParams\n\n    if (\n      previous &&\n      current &&\n      (previous.replicaId !== current.replicaId ||\n        previous.sessionId !== current.sessionId)\n    ) {\n      state.websocketInstance?.disconnect()\n    }\n\n    previousConnectionParams.current = current\n  }, [state.connectionParams, state.websocketInstance])\n\n  useEffect(() => {\n    return () => {\n      state.websocketInstance?.disconnect()\n      activeConnectionAttemptIdRef.current = null\n    }\n  }, [state.websocketInstance])\n\n  /**\n   * Checks if the model snapshot contains the minimum data required for rendering (columns and rows).\n   */\n  function isModelRenderable(model: GridModel | null) {\n    if (!model || !model.api.getSnapshot() || !modelSnapshot) {\n      return false\n    }\n    const { columnNames, columnOrder, rows } = modelSnapshot\n    const columnsReady = columnNames.length >= 1\n    const orderReady = columnOrder.length >= 1\n    const rowsReady = rows.length >= 0\n    return columnsReady && orderReady && rowsReady\n  }\n\n  return {\n    isConnected: state.isConnected,\n    websocketInstance: state.websocketInstance,\n    hasCompletedInitialSync: state.hasCompletedInitialSync,\n    isSyncing: state.isSyncing,\n    model: state.model,\n    modelSnapshot,\n    connect,\n    presignedUrl,\n    errorEstablishingWebsocketConnection:\n      state.connectionError ?? errorEstablishingWebsocketConnection,\n    hasSufficientData: isModelRenderable(state.model),\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useDataGridWebsocket.js","names":["GridModel","useCRDTModelView","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 { 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({ type: 'WEBSOCKET_ERROR', payload: error }),\n    }),\n    [\n      handleModelCreate,\n      options?.onGridReady,\n      options?.onReplicaConnected,\n      options?.onReplicaDisconnected,\n    ],\n  )\n\n  // Initiate (or re-initiate) a connection\n  const connect = useCallback(\n    (replicaId: number, sessionId: string) => {\n      resetEstablishWebsocketConnection()\n\n      const isDifferentConnection =\n        !state.connectionParams ||\n        state.connectionParams.replicaId !== replicaId ||\n        state.connectionParams.sessionId !== sessionId\n\n      if (isDifferentConnection) {\n        clearPresignedUrl()\n      }\n\n      connectionAttemptCounter.current += 1\n      const attemptId = connectionAttemptCounter.current\n\n      dispatch({\n        type: 'CONNECT_REQUESTED',\n        payload: { replicaId, sessionId, attemptId },\n      })\n    },\n    [\n      dispatch,\n      state.connectionParams,\n      resetEstablishWebsocketConnection,\n      clearPresignedUrl,\n      connectionAttemptCounter,\n    ],\n  )\n\n  /**\n   * Establish the WebSocket connection when conditions are met.\n   * Uses the current model state at connection time for reconnections to the same session.\n   * Note: Changes to `model` alone do NOT trigger reconnection - only changes to connection\n   * params, visibility, or connection status will trigger a new connection attempt.\n   */\n  useEffect(() => {\n    // Don't attempt connection if conditions aren't met\n    const { connectionParams, connectionAttemptId } = state\n\n    if (\n      !connectionParams ||\n      connectionAttemptId === null ||\n      state.isConnected ||\n      state.isConnecting ||\n      isEstablishingWebsocketConnection ||\n      errorEstablishingWebsocketConnection ||\n      state.connectionError ||\n      !isDocumentVisible\n    ) {\n      return\n    }\n\n    activeConnectionAttemptIdRef.current = connectionAttemptId\n\n    // Use current model state for reconnections to same session\n    // (model may have been created by a previous connection)\n    establishWebsocketConnection({\n      replicaId: connectionParams.replicaId,\n      sessionId: connectionParams.sessionId,\n      websocketOptions: {\n        ...websocketOptionsWithoutModel,\n        model: state.model, // Current model at connection time\n      },\n    })\n      .then(ws => {\n        if (activeConnectionAttemptIdRef.current !== connectionAttemptId) {\n          ws.disconnect()\n          return\n        }\n\n        dispatch({ type: 'CONNECTION_ESTABLISHED', payload: ws })\n      })\n      .catch(err => {\n        dispatch({ type: 'CONNECTION_ERROR', payload: err })\n        console.error('Failed to establish WebSocket', err)\n      })\n  }, [\n    state,\n    state.connectionParams,\n    state.connectionAttemptId,\n    state.isConnected,\n    state.isConnecting,\n    isEstablishingWebsocketConnection,\n    errorEstablishingWebsocketConnection,\n    isDocumentVisible,\n    establishWebsocketConnection,\n    websocketOptionsWithoutModel,\n  ])\n\n  const previousConnectionParams =\n    useRef<WebSocketState['connectionParams']>(null)\n\n  useEffect(() => {\n    const previous = previousConnectionParams.current\n    const current = state.connectionParams\n\n    if (\n      previous &&\n      current &&\n      (previous.replicaId !== current.replicaId ||\n        previous.sessionId !== current.sessionId)\n    ) {\n      state.websocketInstance?.disconnect()\n    }\n\n    previousConnectionParams.current = current\n  }, [state.connectionParams, state.websocketInstance])\n\n  useEffect(() => {\n    return () => {\n      state.websocketInstance?.disconnect()\n      activeConnectionAttemptIdRef.current = null\n    }\n  }, [state.websocketInstance])\n\n  /**\n   * Checks if the model snapshot contains the minimum data required for rendering (columns and rows).\n   */\n  function isModelRenderable(model: GridModel | null) {\n    if (!model || !model.api.getSnapshot() || !modelSnapshot) {\n      return false\n    }\n    const { columnNames, columnOrder, rows } = modelSnapshot\n    const columnsReady = columnNames.length >= 1\n    const orderReady = columnOrder.length >= 1\n    const rowsReady = rows.length >= 0\n    return columnsReady && orderReady && rowsReady\n  }\n\n  return {\n    isConnected: state.isConnected,\n    websocketInstance: state.websocketInstance,\n    hasCompletedInitialSync: state.hasCompletedInitialSync,\n    isSyncing: state.isSyncing,\n    model: state.model,\n    modelSnapshot,\n    connect,\n    presignedUrl,\n    errorEstablishingWebsocketConnection:\n      state.connectionError ?? errorEstablishingWebsocketConnection,\n    websocketError: state.websocketError,\n    hasSufficientData: isModelRenderable(state.model),\n  }\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"useInitializeGridConnection.js","names":["useCreateGridReplica","useCreateGridSession","useSynapseContext","CreateGridRequest","GridReplica","GridSession","useMutation","UseMutationOptions","CreateOrGetGridSessionInput","createGridRequest","sessionId","useCreateOrGetExistingGridSession","$","_c","mutateAsync","startGridSession","synapseClient","t0","mutationFn","t1","Error","gridSessionResponse","console","log","gridSession","gridServicesClient","getRepoV1GridSessionSessionId","useInitializeGridConnection","options","createOrGetSession","createReplicaId","sessionIdArg","session","createReplicaResponse","replica","t2","error","cause"],"sources":["../../../src/components/DataGrid/useInitializeGridConnection.ts"],"sourcesContent":["import {\n  useCreateGridReplica,\n  useCreateGridSession,\n} from '@/synapse-queries/grid/useGridSession'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  CreateGridRequest,\n  GridReplica,\n  GridSession,\n} from '@sage-bionetworks/synapse-client'\nimport { useMutation, UseMutationOptions } from '@tanstack/react-query'\n\nexport type CreateOrGetGridSessionInput = {\n  createGridRequest?: CreateGridRequest\n  sessionId?: string\n}\n\n/**\n * Create a new grid session or retrieve an existing one based on the provided SQL query or session ID.\n */\nfunction useCreateOrGetExistingGridSession() {\n  const { mutateAsync: startGridSession } = useCreateGridSession()\n  const { synapseClient } = useSynapseContext()\n  return useMutation<GridSession, unknown, CreateOrGetGridSessionInput>({\n    mutationFn: async ({ createGridRequest, sessionId }) => {\n      if (!(createGridRequest || sessionId)) {\n        throw new Error(\n          'Must provide either a CreateGridRequest or sessionId to create or get a grid session.',\n        )\n      }\n\n      if (createGridRequest) {\n        const gridSessionResponse = await startGridSession(createGridRequest)\n        console.log('Grid session started:', gridSessionResponse)\n        return gridSessionResponse.gridSession!\n      }\n\n      // The input is a sessionId, so retrieve the session object\n      console.log(`Joining existing session ID: ${sessionId}`)\n      return await synapseClient.gridServicesClient.getRepoV1GridSessionSessionId(\n        {\n          sessionId: sessionId!,\n        },\n      )\n    },\n  })\n}\n\n/**\n * Mutation to establish a grid connection by creating or getting an existing session and creating a replica.\n *\n * @param gridSqlOrSessionId - The SQL query or session ID to use for the grid connection.\n * @param schemaId - Optional schema ID to associate with the session.\n * @param options\n */\nexport default function useInitializeGridConnection(\n  options?: Omit<\n    UseMutationOptions<\n      { session: GridSession; replica: GridReplica },\n      unknown,\n      CreateOrGetGridSessionInput\n    >,\n    'mutationFn'\n  >,\n) {\n  const { mutateAsync: createOrGetSession } =\n    useCreateOrGetExistingGridSession()\n  const { mutateAsync: createReplicaId } = useCreateGridReplica()\n\n  return useMutation<\n    { session: GridSession; replica: GridReplica },\n    unknown,\n    CreateOrGetGridSessionInput\n  >({\n    ...options,\n    mutationFn: async ({ createGridRequest, sessionId: sessionIdArg }) => {\n      if (!(createGridRequest || sessionIdArg)) {\n        throw new Error(\n          'Must provide either a SQL query, recordSetId, or sessionId to initialize grid connection.',\n        )\n      }\n      const session = await createOrGetSession({\n        createGridRequest,\n        sessionId: sessionIdArg,\n      })\n      const sessionId = session.sessionId!\n      try {\n        const createReplicaResponse = await createReplicaId(sessionId)\n        console.log('Replica created:', createReplicaResponse)\n        const replica = createReplicaResponse.replica!\n\n        return {\n          session,\n          replica,\n        }\n      } catch (error) {\n        throw new Error('Error starting session:', { cause: error })\n      }\n    },\n  })\n}\n"],"mappings":";;;;;AAoBA,SAAAW,IAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EACE,EAAAC,aAAAC,MAA0Cd,GAAsB,EAChE,EAAAe,qBAA0Bd,GAAmB,EAAAe;AAuB5C,QAvB4CL,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KACyBC,IAAA,EAAAC,YACxD,OAAAC,MAAA;EAAO,IAAA,EAAAV,sBAAAC,iBAAAS;AACjB,MAAI,EAAEV,KAAAC,GACJ,OAAUU,MACR,wFACD;AAGH,MAAIX,GAAiB;GACnB,IAAAY,IAA4B,MAAMN,EAAiBN,EAAkB;AACZ,UAAzDa,QAAOC,IAAK,yBAAyBF,EAAoB,EAClDA,EAAmBG;;AAI4B,SAAxDF,QAAOC,IAAK,gCAAgCb,IAAY,EACjD,MAAMM,EAAaS,mBAAmBC,8BAC3C,EAAAhB,cAGF,CAAC;IAEJ,EAAAE,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,KAAAA,IAAAL,EAAA,IAtBMN,EAA+DW,EAsBpE;;AAUJ,SAAeU,EAAAC,GAAA;CAAA,IAAAhB,IAAAC,EAAA,EAAA,EAUb,EAAAC,aAAAe,MACElB,GAAmC,EACrC,EAAAG,aAAAgB,MAAyC9B,GAAsB,EAAAiB;AAAA,CAAAL,EAAA,OAAAiB,KAAAjB,EAAA,OAAAkB,KAQjDb,IAAA,OAAAE,MAAA;EAAO,IAAA,EAAAV,sBAAAC,WAAAqB,MAAAZ;AACjB,MAAI,EAAEV,KAAAsB,GACJ,OAAUX,MACR,4FACD;EAEH,IAAAY,IAAgB,MAAMH,EAAmB;GAAApB;GAAAC,WAE5BqB;GACZ,CAAC,EACFrB,IAAkBsB,EAAOtB;AACzB,MAAA;GACE,IAAAuB,IAA8B,MAAMH,EAAgBpB,EAAU;AAEhB,UAD9CY,QAAOC,IAAK,oBAAoBU,EAAsB,EAG/C;IAAAD;IAAAE,SAFSD,EAAqBC;IAKpC;WAAAC,GAAA;AAED,SAAUf,MAAM,2BAA2B,EAAAiB,OAASD,GAAO,CAAC;;IAE/DxB,EAAA,KAAAiB,GAAAjB,EAAA,KAAAkB,GAAAlB,EAAA,KAAAK,KAAAA,IAAAL,EAAA;CAAA,IAAAO;AACF,QADEP,EAAA,OAAAgB,KAAAhB,EAAA,OAAAK,KAzBDE,IAAA;EAAA,GACGS;EAAOV,YACED;EAwBb,EAAAL,EAAA,KAAAgB,GAAAhB,EAAA,KAAAK,GAAAL,EAAA,KAAAO,KAAAA,IAAAP,EAAA,IA9BMN,EAILa,EA0BA"}
+{"version":3,"file":"useInitializeGridConnection.js","names":["useCreateGridReplica","useCreateGridSession","useSynapseContext","CreateGridRequest","GridReplica","GridSession","useMutation","UseMutationOptions","CreateOrGetGridSessionInput","createGridRequest","sessionId","useCreateOrGetExistingGridSession","$","_c","mutateAsync","startGridSession","synapseClient","t0","mutationFn","t1","Error","gridSessionResponse","console","log","gridSession","gridServicesClient","getRepoV1GridSessionSessionId","useInitializeGridConnection","options","createOrGetSession","createReplicaId","sessionIdArg","session","createReplicaResponse","replica","t2","error","cause"],"sources":["../../../src/components/DataGrid/useInitializeGridConnection.ts"],"sourcesContent":["import {\n  useCreateGridReplica,\n  useCreateGridSession,\n} from '@/synapse-queries/grid/useGridSession'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  CreateGridRequest,\n  GridReplica,\n  GridSession,\n} from '@sage-bionetworks/synapse-client'\nimport { useMutation, UseMutationOptions } from '@tanstack/react-query'\n\nexport type CreateOrGetGridSessionInput = {\n  createGridRequest?: CreateGridRequest\n  sessionId?: string\n}\n\n/**\n * Create a new grid session or retrieve an existing one based on the provided SQL query or session ID.\n */\nfunction useCreateOrGetExistingGridSession() {\n  const { mutateAsync: startGridSession } = useCreateGridSession()\n  const { synapseClient } = useSynapseContext()\n  return useMutation<GridSession, unknown, CreateOrGetGridSessionInput>({\n    mutationFn: async ({ createGridRequest, sessionId }) => {\n      if (!(createGridRequest || sessionId)) {\n        throw new Error(\n          'Must provide either a CreateGridRequest or sessionId to create or get a grid session.',\n        )\n      }\n\n      if (createGridRequest) {\n        const gridSessionResponse = await startGridSession(createGridRequest)\n        console.log('Grid session started:', gridSessionResponse)\n        return gridSessionResponse.gridSession!\n      }\n\n      // The input is a sessionId, so retrieve the session object\n      console.log(`Joining existing session ID: ${sessionId}`)\n      return await synapseClient.gridServicesClient.getRepoV1GridSessionSessionId(\n        {\n          sessionId: sessionId!,\n        },\n      )\n    },\n  })\n}\n\n/**\n * Mutation to establish a grid connection by creating or getting an existing session and creating a replica.\n *\n * @param gridSqlOrSessionId - The SQL query or session ID to use for the grid connection.\n * @param schemaId - Optional schema ID to associate with the session.\n * @param options\n */\nexport default function useInitializeGridConnection(\n  options?: Omit<\n    UseMutationOptions<\n      { session: GridSession; replica: GridReplica },\n      unknown,\n      CreateOrGetGridSessionInput\n    >,\n    'mutationFn'\n  >,\n) {\n  const { mutateAsync: createOrGetSession } =\n    useCreateOrGetExistingGridSession()\n  const { mutateAsync: createReplicaId } = useCreateGridReplica()\n\n  return useMutation<\n    { session: GridSession; replica: GridReplica },\n    unknown,\n    CreateOrGetGridSessionInput\n  >({\n    ...options,\n    mutationFn: async ({ createGridRequest, sessionId: sessionIdArg }) => {\n      if (!(createGridRequest || sessionIdArg)) {\n        throw new Error(\n          'Must provide either a SQL query, recordSetId, or sessionId to initialize grid connection.',\n        )\n      }\n      const session = await createOrGetSession({\n        createGridRequest,\n        sessionId: sessionIdArg,\n      })\n      const sessionId = session.sessionId!\n      try {\n        const createReplicaResponse = await createReplicaId(sessionId)\n        console.log('Replica created:', createReplicaResponse)\n        const replica = createReplicaResponse.replica!\n\n        return {\n          session,\n          replica,\n        }\n      } catch (error) {\n        throw new Error('Error starting session:', { cause: error })\n      }\n    },\n  })\n}\n"],"mappings":";;;;;AAoBA,SAAAW,IAAA;CAAA,IAAAC,IAAAC,EAAA,CAAA,GACE,EAAAC,aAAAC,MAA0Cd,EAAqB,GAC/D,EAAAe,qBAA0Bd,EAAkB,GAACe;CAuB5C,OAvB4CL,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KACyBC,IAAA,EAAAC,YACxD,OAAAC,MAAA;EAAO,IAAA,EAAAV,sBAAAC,iBAAAS;EACjB,IAAI,EAAEV,KAAAC,IACJ,MAAUU,MACR,uFACF;EAGF,IAAIX,GAAiB;GACnB,IAAAY,IAA4B,MAAMN,EAAiBN,CAAiB;GACX,OAAzDa,QAAOC,IAAK,yBAAyBF,CAAmB,GACjDA,EAAmBG;EAAY;EAIgB,OAAxDF,QAAOC,IAAK,gCAAgCb,GAAW,GAChD,MAAMM,EAAaS,mBAAmBC,8BAC3C,EAAAhB,aAEA,CACF;CAAC,EAEL,GAACE,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,KAAAA,IAAAL,EAAA,IAtBMN,EAA+DW,CAsBrE;AAAC;AAUJ,SAAeU,EAAAC,GAAA;CAAA,IAAAhB,IAAAC,EAAA,CAAA,GAUb,EAAAC,aAAAe,MACElB,EAAkC,GACpC,EAAAG,aAAAgB,MAAyC9B,EAAqB,GAACiB;CAAA,AAAAL,EAAA,OAAAiB,KAAAjB,EAAA,OAAAkB,KAQjDb,IAAA,OAAAE,MAAA;EAAO,IAAA,EAAAV,sBAAAC,WAAAqB,MAAAZ;EACjB,IAAI,EAAEV,KAAAsB,IACJ,MAAUX,MACR,2FACF;EAEF,IAAAY,IAAgB,MAAMH,EAAmB;GAAApB;GAAAC,WAE5BqB;EACb,CAAC,GACDrB,IAAkBsB,EAAOtB;EACzB,IAAA;GACE,IAAAuB,IAA8B,MAAMH,EAAgBpB,CAAS;GAEf,OAD9CY,QAAOC,IAAK,oBAAoBU,CAAqB,GAG9C;IAAAD;IAAAE,SAFSD,EAAqBC;GAKrC;EAAC,SAAAC,GAAA;GAED,MAAUf,MAAM,2BAA2B,EAAAiB,OAASD,EAAM,CAAC;EAAC;CAC7D,GACFxB,EAAA,KAAAiB,GAAAjB,EAAA,KAAAkB,GAAAlB,EAAA,KAAAK,KAAAA,IAAAL,EAAA;CAAA,IAAAO;CACF,OADEP,EAAA,OAAAgB,KAAAhB,EAAA,OAAAK,KAzBDE,IAAA;EAAA,GACGS;EAAOV,YACED;CAwBd,GAACL,EAAA,KAAAgB,GAAAhB,EAAA,KAAAK,GAAAL,EAAA,KAAAO,KAAAA,IAAAP,EAAA,IA9BMN,EAILa,CA0BD;AAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useMergeGridWithRecordSet.js","names":["useSynapseContext","GridRecordSetExportRequest","GridRecordSetExportResponse","SynapseClientError","waitForAsyncResult","useMutation","UseMutationOptions","MergeGridWithRecordSetInput","gridSessionId","useMergeGridWithRecordSet","options","$","_c","synapseClient","t0","t1","gridExportRequest","sessionId","concreteType","asyncJobId","gridServicesClient","postRepoV1GridExportRecordsetAsyncStart","gridRecordSetExportRequest","asyncJobResponse","asynchronousJobServicesClient","getRepoV1AsynchronousJobJobId","jobId","token","responseBody","mutationFn"],"sources":["../../../src/components/DataGrid/useMergeGridWithRecordSet.ts"],"sourcesContent":["import { useSynapseContext } from '@/utils'\nimport {\n  GridRecordSetExportRequest,\n  GridRecordSetExportResponse,\n  SynapseClientError,\n  waitForAsyncResult,\n} from '@sage-bionetworks/synapse-client'\nimport { useMutation, UseMutationOptions } from '@tanstack/react-query'\n\nexport type MergeGridWithRecordSetInput = {\n  gridSessionId: string\n}\n\n/**\n * Query mutation hook for exporting a grid session back into a RecordSet.\n */\nexport default function useMergeGridWithRecordSet(\n  options?: Omit<\n    UseMutationOptions<\n      GridRecordSetExportResponse,\n      SynapseClientError,\n      MergeGridWithRecordSetInput\n    >,\n    'mutationFn'\n  >,\n) {\n  const { synapseClient } = useSynapseContext()\n\n  return useMutation<\n    GridRecordSetExportResponse,\n    SynapseClientError,\n    MergeGridWithRecordSetInput\n  >({\n    ...options,\n    mutationFn: async ({ gridSessionId }) => {\n      const gridExportRequest: GridRecordSetExportRequest = {\n        sessionId: gridSessionId,\n        concreteType:\n          'org.sagebionetworks.repo.model.grid.GridRecordSetExportRequest',\n      }\n\n      // Start the async export job\n      const asyncJobId =\n        await synapseClient.gridServicesClient.postRepoV1GridExportRecordsetAsyncStart(\n          { gridRecordSetExportRequest: gridExportRequest },\n        )\n\n      // Poll for the async job\n      const asyncJobResponse = await waitForAsyncResult(() =>\n        synapseClient.asynchronousJobServicesClient.getRepoV1AsynchronousJobJobId(\n          {\n            jobId: asyncJobId.token!,\n          },\n        ),\n      )\n\n      return asyncJobResponse.responseBody as GridRecordSetExportResponse\n    },\n  })\n}\n"],"mappings":";;;;;;AAgBA,SAAeS,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAUb,EAAAC,qBAA0Bb,GAAmB,EAAAc;AAAA,CAAAH,EAAA,OAAAE,IA+B1CC,IAAAH,EAAA,MAvBWG,IAAA,OAAAC,MAAA;EAAO,IAAA,EAAAP,qBAAAO,GACjBC,IAAsD;GAAAC,WACzCT;GAAaU,cAEtB;GACH,EAGDC,IACE,MAAMN,EAAaO,mBAAmBC,wCACpC,EAAAC,4BAA8BN,GAChC,CAAC;AASF,UAEMO,MARwBnB,QAC7BS,EAAaW,8BAA8BC,8BACzC,EAAAC,OACSP,EAAUQ,OAErB,CACF,CAAC,EAEsBC;IACxBjB,EAAA,KAAAE,GAAAF,EAAA,KAAAG;CAAA,IAAAC;AACF,QADEJ,EAAA,OAAAD,KAAAC,EAAA,OAAAG,KAzBDC,IAAA;EAAA,GACGL;EAAOmB,YACEf;EAwBb,EAAAH,EAAA,KAAAD,GAAAC,EAAA,KAAAG,GAAAH,EAAA,KAAAI,KAAAA,IAAAJ,EAAA,IA9BMN,EAILU,EA0BA"}
+{"version":3,"file":"useMergeGridWithRecordSet.js","names":["useSynapseContext","GridRecordSetExportRequest","GridRecordSetExportResponse","SynapseClientError","waitForAsyncResult","useMutation","UseMutationOptions","MergeGridWithRecordSetInput","gridSessionId","useMergeGridWithRecordSet","options","$","_c","synapseClient","t0","t1","gridExportRequest","sessionId","concreteType","asyncJobId","gridServicesClient","postRepoV1GridExportRecordsetAsyncStart","gridRecordSetExportRequest","asyncJobResponse","asynchronousJobServicesClient","getRepoV1AsynchronousJobJobId","jobId","token","responseBody","mutationFn"],"sources":["../../../src/components/DataGrid/useMergeGridWithRecordSet.ts"],"sourcesContent":["import { useSynapseContext } from '@/utils'\nimport {\n  GridRecordSetExportRequest,\n  GridRecordSetExportResponse,\n  SynapseClientError,\n  waitForAsyncResult,\n} from '@sage-bionetworks/synapse-client'\nimport { useMutation, UseMutationOptions } from '@tanstack/react-query'\n\nexport type MergeGridWithRecordSetInput = {\n  gridSessionId: string\n}\n\n/**\n * Query mutation hook for exporting a grid session back into a RecordSet.\n */\nexport default function useMergeGridWithRecordSet(\n  options?: Omit<\n    UseMutationOptions<\n      GridRecordSetExportResponse,\n      SynapseClientError,\n      MergeGridWithRecordSetInput\n    >,\n    'mutationFn'\n  >,\n) {\n  const { synapseClient } = useSynapseContext()\n\n  return useMutation<\n    GridRecordSetExportResponse,\n    SynapseClientError,\n    MergeGridWithRecordSetInput\n  >({\n    ...options,\n    mutationFn: async ({ gridSessionId }) => {\n      const gridExportRequest: GridRecordSetExportRequest = {\n        sessionId: gridSessionId,\n        concreteType:\n          'org.sagebionetworks.repo.model.grid.GridRecordSetExportRequest',\n      }\n\n      // Start the async export job\n      const asyncJobId =\n        await synapseClient.gridServicesClient.postRepoV1GridExportRecordsetAsyncStart(\n          { gridRecordSetExportRequest: gridExportRequest },\n        )\n\n      // Poll for the async job\n      const asyncJobResponse = await waitForAsyncResult(() =>\n        synapseClient.asynchronousJobServicesClient.getRepoV1AsynchronousJobJobId(\n          {\n            jobId: asyncJobId.token!,\n          },\n        ),\n      )\n\n      return asyncJobResponse.responseBody as GridRecordSetExportResponse\n    },\n  })\n}\n"],"mappings":";;;;;;AAgBA,SAAeS,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,CAAA,GAUb,EAAAC,qBAA0Bb,EAAkB,GAACc;CAAA,AAAAH,EAAA,OAAAE,IA+B1CC,IAAAH,EAAA,MAvBWG,IAAA,OAAAC,MAAA;EAAO,IAAA,EAAAP,qBAAAO,GACjBC,IAAsD;GAAAC,WACzCT;GAAaU,cAEtB;EACJ,GAGAC,IACE,MAAMN,EAAaO,mBAAmBC,wCACpC,EAAAC,4BAA8BN,EAAkB,CAClD;EASD,QAEMO,MARwBnB,QAC7BS,EAAaW,8BAA8BC,8BACzC,EAAAC,OACSP,EAAUQ,MACnB,CACF,CACF,GAEuBC;CAA4C,GACpEjB,EAAA,KAAAE,GAAAF,EAAA,KAAAG;CAAA,IAAAC;CACF,OADEJ,EAAA,OAAAD,KAAAC,EAAA,OAAAG,KAzBDC,IAAA;EAAA,GACGL;EAAOmB,YACEf;CAwBd,GAACH,EAAA,KAAAD,GAAAC,EAAA,KAAAG,GAAAH,EAAA,KAAAI,KAAAA,IAAAJ,EAAA,IA9BMN,EAILU,CA0BD;AAAC"}