synapse-react-client 4.0.20 → 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":"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"}

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

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

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

@@ -79,6 +79,7 @@ function b(e, t) {
 		title: /* @__PURE__ */ l(i, {
 			name: e.columnName,
 			description: e.description,
+			isRequired: e.isRequired,
 			showPinIcon: e.showPinIcon,
 			isPinned: e.isPinned,
 			onTogglePin: e.onTogglePin

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

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

package/dist/components/GenericCard/GenericCard.d.ts

@@ -39,6 +39,8 @@ export type GenericCardProps = {
     cardTopContent?: React.ReactNode;
     /** Optional slot for adding action buttons to the top of the card */
     cardTopButtons?: React.ReactNode;
+    /** Optional position of CTA link(s) */
+    ctaLinkPosition?: 'right';
     /** If true, a HeaderCard component will be rendered */
     isHeader?: boolean;
     /** The variant of HeaderCard to render if `isHeader` is true */

package/dist/components/GenericCard/GenericCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GenericCard.d.ts","sourceRoot":"","sources":["../../../src/components/GenericCard/GenericCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,6CAA6C,CAAA;AAEvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAA;AACvE,OAAO,KAAoC,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAmB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAG7D,OAAO,EAAE,4BAA4B,EAAE,MAAM,oDAAoD,CAAA;AAIjG,kHAAkH;AAClH,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,0FAA0F;IAC1F,IAAI,EAAE,MAAM,CAAA;IACZ,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAA;IACb,mEAAmE;IACnE,sBAAsB,CAAC,EAAE;QACvB,IAAI,EAAE,MAAM,CAAA;QACZ,MAAM,EAAE,MAAM,CAAA;KACf,CAAA;IACD,6FAA6F;IAC7F,kCAAkC,CAAC,EAAE;QACnC,sEAAsE;QACtE,qBAAqB,EAAE,qBAAqB,CAAA;QAC5C,gDAAgD;QAChD,gBAAgB,EAAE,OAAO,CAAA;KAC1B,CAAA;IACD,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iDAAiD;IACjD,WAAW,EAAE,MAAM,CAAA;IACnB,mEAAmE;IACnE,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC,8DAA8D;IAC9D,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,qEAAqE;IACrE,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC;wBACoB;IACpB,0BAA0B,CAAC,EAAE,OAAO,CAAA;IACpC;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,EAAE,CAAA;IACpB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,GAAG,aAAa,EAAE,CAAA;IAC/C;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC;;OAEG;IACH,uBAAuB,CAAC,EAAE,4BAA4B,CAAA;IACtD;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC;;OAEG;IACH,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvC;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB,CAAA;AAID;;GAEG;AACH,eAAO,MAAM,WAAW,yFA8KtB,CAAA;AAEF,eAAe,WAAW,CAAA"}
+{"version":3,"file":"GenericCard.d.ts","sourceRoot":"","sources":["../../../src/components/GenericCard/GenericCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,6CAA6C,CAAA;AAEvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAA;AACvE,OAAO,KAAoC,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAmB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAG7D,OAAO,EAAE,4BAA4B,EAAE,MAAM,oDAAoD,CAAA;AAIjG,kHAAkH;AAClH,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,0FAA0F;IAC1F,IAAI,EAAE,MAAM,CAAA;IACZ,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAA;IACb,mEAAmE;IACnE,sBAAsB,CAAC,EAAE;QACvB,IAAI,EAAE,MAAM,CAAA;QACZ,MAAM,EAAE,MAAM,CAAA;KACf,CAAA;IACD,6FAA6F;IAC7F,kCAAkC,CAAC,EAAE;QACnC,sEAAsE;QACtE,qBAAqB,EAAE,qBAAqB,CAAA;QAC5C,gDAAgD;QAChD,gBAAgB,EAAE,OAAO,CAAA;KAC1B,CAAA;IACD,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iDAAiD;IACjD,WAAW,EAAE,MAAM,CAAA;IACnB,mEAAmE;IACnE,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC,8DAA8D;IAC9D,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,qEAAqE;IACrE,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,uCAAuC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC;wBACoB;IACpB,0BAA0B,CAAC,EAAE,OAAO,CAAA;IACpC;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,EAAE,CAAA;IACpB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,GAAG,aAAa,EAAE,CAAA;IAC/C;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC;;OAEG;IACH,uBAAuB,CAAC,EAAE,4BAA4B,CAAA;IACtD;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC;;OAEG;IACH,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvC;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB,CAAA;AAID;;GAEG;AACH,eAAO,MAAM,WAAW,yFAmLtB,CAAA;AAEF,eAAe,WAAW,CAAA"}

package/dist/components/GenericCard/GenericCard.js

@@ -10,12 +10,16 @@ import { Box as s, Stack as c } from "@mui/material";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/GenericCard/GenericCard.tsx
 var d = [], f = o(function(o, f) {
-	let { icon: p, type: m, title: h, titleLinkConfiguration: g, titleAsFileHandleLinkConfiguration: _, subtitle: v, description: y, descriptionSubTitle: b = "", descriptionConfig: x, cardTopContent: S, cardTopButtons: C, isHeader: w = !1, headerCardVariant: T, useStylesForDisplayedImage: E = !1, labels: D = d, secondaryLabelLimit: O, ctaLinkConfig: k, renderedIconList: A, sustainabilityScorecard: j, cardTypeAdornment: M, titleAreaRightContent: N, charCountCutoff: P } = o, F = D.length > 0;
-	return w ? /* @__PURE__ */ l(a, {
+	let { icon: p, type: m, title: h, titleLinkConfiguration: g, titleAsFileHandleLinkConfiguration: _, subtitle: v, description: y, descriptionSubTitle: b = "", descriptionConfig: x, cardTopContent: S, cardTopButtons: C, isHeader: w = !1, headerCardVariant: T, useStylesForDisplayedImage: E = !1, labels: D = d, secondaryLabelLimit: O, ctaLinkConfig: k, ctaLinkPosition: A, renderedIconList: j, sustainabilityScorecard: M, cardTypeAdornment: N, titleAreaRightContent: P, charCountCutoff: F } = o, I = D.length > 0, L = {
+		marginTop: w ? "0px" : void 0,
+		marginBottom: w ? "0px" : void 0,
+		paddingBottom: I || E ? void 0 : "15px"
+	};
+	if (w) return /* @__PURE__ */ l(a, {
 		ref: f,
 		headerCardVariant: T,
 		descriptionConfig: x,
-		charCountCutoff: P,
+		charCountCutoff: F,
 		title: h,
 		subTitle: v,
 		description: y,
@@ -29,24 +33,26 @@ var d = [], f = o(function(o, f) {
 		secondaryLabelLimit: O,
 		cardTopButtons: C,
 		cardTopContent: S,
-		sustainabilityScorecard: j,
-		renderedIconList: A,
-		cardTypeAdornment: M,
+		sustainabilityScorecard: M,
+		renderedIconList: j,
+		cardTypeAdornment: N,
 		titleAsFileHandleLinkConfiguration: _,
-		titleAreaRightContent: N,
+		titleAreaRightContent: P,
 		descriptionSubTitle: b
-	}) : /* @__PURE__ */ u("div", {
-		style: {
-			marginTop: w ? "0px" : void 0,
-			marginBottom: w ? "0px" : void 0,
-			paddingBottom: F || E ? void 0 : "15px"
-		},
+	});
+	let R = k ? (Array.isArray(k) ? k : [k]).map((e, n) => e.text && e.href && /* @__PURE__ */ l(t, {
+		href: e.href,
+		target: e.target,
+		children: e.text
+	}, n)) : null;
+	return /* @__PURE__ */ u("div", {
+		style: L,
 		ref: f,
 		className: "SRC-portalCard",
 		children: [/* @__PURE__ */ u("div", {
 			className: "SRC-portalCardMain",
 			children: [p, /* @__PURE__ */ u("div", {
-				className: "SRC-cardContent",
+				className: `SRC-cardContent ${A === "right" ? "SRC-cardContent--ctaRight" : ""}`,
 				children: [
 					C && /* @__PURE__ */ l(s, {
 						sx: {
@@ -68,61 +74,67 @@ var d = [], f = o(function(o, f) {
 						children: [/* @__PURE__ */ l("div", {
 							className: "SRC-type",
 							children: m
-						}), M]
+						}), N]
 					}),
-					A,
+					j,
 					/* @__PURE__ */ u(s, {
-						className: "SRC-cardTitleArea",
-						children: [/* @__PURE__ */ u(s, {
-							sx: {
-								flex: 1,
-								minWidth: 0
-							},
-							children: [
-								/* @__PURE__ */ l("div", { children: /* @__PURE__ */ u("h3", {
-									className: "SRC-boldText SRC-blackText",
-									style: { margin: "none" },
-									children: [!_ && /* @__PURE__ */ l(n, {
-										title: h,
-										href: g?.href,
-										target: g?.target
-									}), _ && /* @__PURE__ */ l(r, {
-										fileHandleAssociation: _.fileHandleAssociation,
-										showDownloadIcon: _.showDownloadIcon,
-										displayValue: h
-									})]
-								}) }),
-								v && /* @__PURE__ */ l("div", {
-									className: "SRC-author",
-									children: v
-								}),
-								/* @__PURE__ */ l(i, {
-									description: y,
-									descriptionSubTitle: b,
-									descriptionConfig: x
-								}),
-								k && /* @__PURE__ */ l(s, {
-									sx: {
-										mt: "20px",
-										display: "flex",
-										gap: 2,
-										flexWrap: "wrap"
-									},
-									children: (Array.isArray(k) ? k : [k]).map((e, n) => e.text && e.href && /* @__PURE__ */ l(t, {
-										href: e.href,
-										target: e.target,
-										children: e.text
-									}, n))
-								})
-							]
-						}), N && /* @__PURE__ */ l("div", {
-							className: "SRC-cardTitleAreaDetails",
-							children: N
-						})]
+						className: `SRC-cardTitleArea ${A === "right" ? "SRC-cardTitleArea--ctaRight" : ""}`,
+						children: [
+							/* @__PURE__ */ u(s, {
+								sx: {
+									flex: 1,
+									minWidth: 0
+								},
+								children: [
+									/* @__PURE__ */ l("div", { children: /* @__PURE__ */ u("h3", {
+										className: "SRC-boldText SRC-blackText",
+										style: { margin: "none" },
+										children: [!_ && /* @__PURE__ */ l(n, {
+											title: h,
+											href: g?.href,
+											target: g?.target
+										}), _ && /* @__PURE__ */ l(r, {
+											fileHandleAssociation: _.fileHandleAssociation,
+											showDownloadIcon: _.showDownloadIcon,
+											displayValue: h
+										})]
+									}) }),
+									v && /* @__PURE__ */ l("div", {
+										className: "SRC-author",
+										children: v
+									}),
+									/* @__PURE__ */ l(i, {
+										description: y,
+										descriptionSubTitle: b,
+										descriptionConfig: x
+									}),
+									k && A !== "right" && /* @__PURE__ */ l(s, {
+										sx: {
+											mt: "20px",
+											display: "flex",
+											gap: 2,
+											flexWrap: "wrap"
+										},
+										children: R
+									})
+								]
+							}),
+							P && /* @__PURE__ */ l("div", {
+								className: "SRC-cardTitleAreaDetails",
+								children: P
+							}),
+							A === "right" && k && /* @__PURE__ */ l(s, {
+								sx: {
+									flexShrink: 0,
+									marginLeft: "auto"
+								},
+								children: R
+							})
+						]
 					})
 				]
 			})]
-		}), F && /* @__PURE__ */ l(e, {
+		}), I && /* @__PURE__ */ l(e, {
 			isHeader: !1,
 			secondaryLabelLimit: O,
 			values: D,

package/dist/components/GenericCard/GenericCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"GenericCard.js","names":[],"sources":["../../../src/components/GenericCard/GenericCard.tsx"],"sourcesContent":["import { GenericCardTitle } from '@/components/GenericCard/GenericCardTitle'\nimport { CardLabel } from '@/components/row_renderers/utils/CardFooter'\nimport { Box, Stack } from '@mui/material'\nimport { FileHandleAssociation } from '@sage-bionetworks/synapse-types'\nimport React, { CSSProperties, forwardRef } from 'react'\nimport { DescriptionConfig } from '../CardContainerLogic'\nimport HeaderCard, { HeaderCardVariant } from '../HeaderCard'\nimport { CardFooter } from '../row_renderers/utils'\nimport { SmartLink } from '../SmartLink/SmartLink'\nimport { SustainabilityScorecardProps } from '../SustainabilityScorecard/SustainabilityScorecard'\nimport { FileHandleLink } from '../widgets/FileHandleLink'\nimport { CollapsibleDescription } from './CollapsibleDescription'\n\n/** Resolved CTA link configuration with actual href values (as opposed to CTACardLink which uses column names) */\nexport type CTALinkConfig = {\n  text: React.ReactNode\n  href?: string\n  target?: string\n}\n\nexport type GenericCardProps = {\n  /** String representing the 'type' of object. This is displayed as a label on the card. */\n  type: string\n  /** The title displayed on the card. */\n  title: string\n  /** Optionally provide href/target if the title should be a link */\n  titleLinkConfiguration?: {\n    href: string\n    target: string\n  }\n  /** Optionally provide configuration if the title should be a link to a Synapse FileHandle */\n  titleAsFileHandleLinkConfiguration?: {\n    /** The FileHandleAssociation used to get access to the file handle */\n    fileHandleAssociation: FileHandleAssociation\n    /** Whether a 'download' icon should be shown */\n    showDownloadIcon: boolean\n  }\n  /** An optional subtitle to be displayed on the card */\n  subtitle?: string\n  /** An description to be displayed on the card */\n  description: string\n  /** An optional description subtitle to be displayed on the card */\n  descriptionSubTitle?: string\n  /** Configuration for altering the display of the description prop */\n  descriptionConfig?: DescriptionConfig\n  /** Optional slot for adding content to the top of the card */\n  cardTopContent?: React.ReactNode\n  /** Optional slot for adding action buttons to the top of the card */\n  cardTopButtons?: React.ReactNode\n  /** If true, a HeaderCard component will be rendered */\n  isHeader?: boolean\n  /** The variant of HeaderCard to render if `isHeader` is true */\n  headerCardVariant?: HeaderCardVariant\n  /** Set to true if the icon is an arbitrary image. The card styles will be updated to accommodate the image\n   * @default false */\n  useStylesForDisplayedImage?: boolean\n  /**\n   * The rendered icon on the card\n   */\n  icon: React.ReactNode\n  /**\n   * The card labels to be displayed in the footer of the card\n   */\n  labels?: CardLabel[]\n  /**\n   * The initial number of labels to display in the footer of the card\n   */\n  secondaryLabelLimit?: number\n  /**\n   * Optional configuration for displaying CTA button(s) on the card. Accepts a single config or an array.\n   */\n  ctaLinkConfig?: CTALinkConfig | CTALinkConfig[]\n  /**\n   * The rendered icon list on the card\n   */\n  renderedIconList?: React.ReactNode\n  /**\n   * Optional sustainability scorecard to be displayed on the header card\n   */\n  sustainabilityScorecard?: SustainabilityScorecardProps\n  /**\n   * Optional ReactNode to be rendered next to the card type\n   */\n  cardTypeAdornment?: React.ReactNode\n  /**\n   * Optional content to render to the right of the title/subtitle/description area.\n   */\n  titleAreaRightContent?: React.ReactNode\n  /**\n   * Character count threshold for truncating description\n   * @default 400\n   */\n  charCountCutoff?: number\n}\n\nconst EMPTY_CARD_LABEL_ARRAY: CardLabel[] = []\n\n/**\n * Generic portal card UI component with a predefined layout\n */\nexport const GenericCard = forwardRef(function GenericCard(\n  props: GenericCardProps,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  const {\n    icon,\n    type,\n    title,\n    titleLinkConfiguration,\n    titleAsFileHandleLinkConfiguration,\n    subtitle,\n    description,\n    descriptionSubTitle = '',\n    descriptionConfig,\n    cardTopContent,\n    cardTopButtons,\n    isHeader = false,\n    headerCardVariant,\n    useStylesForDisplayedImage = false,\n    labels = EMPTY_CARD_LABEL_ARRAY,\n    secondaryLabelLimit,\n    ctaLinkConfig,\n    renderedIconList,\n    sustainabilityScorecard,\n    cardTypeAdornment,\n    titleAreaRightContent,\n    charCountCutoff,\n  } = props\n\n  const showFooter = labels.length > 0\n\n  const style: CSSProperties = {\n    // undefined, take default value from class\n    marginTop: isHeader ? '0px' : undefined,\n    marginBottom: isHeader ? '0px' : undefined,\n    paddingBottom:\n      showFooter || useStylesForDisplayedImage ? undefined : '15px',\n  }\n\n  if (isHeader) {\n    return (\n      <HeaderCard\n        ref={ref}\n        headerCardVariant={headerCardVariant}\n        descriptionConfig={descriptionConfig}\n        charCountCutoff={charCountCutoff}\n        title={title}\n        subTitle={subtitle}\n        description={description}\n        type={type}\n        icon={icon}\n        values={labels}\n        href={titleLinkConfiguration?.href}\n        target={titleLinkConfiguration?.target}\n        ctaLinkConfig={ctaLinkConfig}\n        isAlignToLeftNav={true}\n        secondaryLabelLimit={secondaryLabelLimit}\n        cardTopButtons={cardTopButtons}\n        cardTopContent={cardTopContent}\n        sustainabilityScorecard={sustainabilityScorecard}\n        renderedIconList={renderedIconList}\n        cardTypeAdornment={cardTypeAdornment}\n        titleAsFileHandleLinkConfiguration={titleAsFileHandleLinkConfiguration}\n        titleAreaRightContent={titleAreaRightContent}\n        descriptionSubTitle={descriptionSubTitle}\n      />\n    )\n  }\n\n  return (\n    <div style={style} ref={ref} className={'SRC-portalCard'}>\n      <div className={'SRC-portalCardMain'}>\n        {icon}\n        <div className=\"SRC-cardContent\">\n          {cardTopButtons && (\n            <Box\n              sx={{\n                position: 'absolute',\n                right: '24px',\n                display: 'flex',\n                float: 'right',\n                flexDirection: 'row',\n                gap: '10px',\n              }}\n            >\n              {cardTopButtons}\n            </Box>\n          )}\n          <Stack\n            sx={{\n              flexDirection: 'row',\n              alignItems: 'center',\n              gap: '10px',\n            }}\n          >\n            <div className=\"SRC-type\">{type}</div>\n            {cardTypeAdornment}\n          </Stack>\n          {renderedIconList}\n          <Box className=\"SRC-cardTitleArea\">\n            <Box sx={{ flex: 1, minWidth: 0 }}>\n              <div>\n                <h3\n                  className=\"SRC-boldText SRC-blackText\"\n                  style={{ margin: 'none' }}\n                >\n                  {!titleAsFileHandleLinkConfiguration && (\n                    <GenericCardTitle\n                      title={title}\n                      href={titleLinkConfiguration?.href}\n                      target={titleLinkConfiguration?.target}\n                    />\n                  )}\n                  {titleAsFileHandleLinkConfiguration && (\n                    <FileHandleLink\n                      fileHandleAssociation={\n                        titleAsFileHandleLinkConfiguration.fileHandleAssociation\n                      }\n                      showDownloadIcon={\n                        titleAsFileHandleLinkConfiguration.showDownloadIcon\n                      }\n                      displayValue={title}\n                    />\n                  )}\n                </h3>\n              </div>\n              {subtitle && <div className=\"SRC-author\">{subtitle}</div>}\n              <CollapsibleDescription\n                description={description}\n                descriptionSubTitle={descriptionSubTitle}\n                descriptionConfig={descriptionConfig}\n              />\n              {ctaLinkConfig && (\n                <Box\n                  sx={{ mt: '20px', display: 'flex', gap: 2, flexWrap: 'wrap' }}\n                >\n                  {(Array.isArray(ctaLinkConfig)\n                    ? ctaLinkConfig\n                    : [ctaLinkConfig]\n                  ).map(\n                    (config, index) =>\n                      config.text &&\n                      config.href && (\n                        <SmartLink\n                          key={index}\n                          href={config.href}\n                          target={config.target}\n                        >\n                          {config.text}\n                        </SmartLink>\n                      ),\n                  )}\n                </Box>\n              )}\n            </Box>\n            {titleAreaRightContent && (\n              <div className=\"SRC-cardTitleAreaDetails\">\n                {titleAreaRightContent}\n              </div>\n            )}\n          </Box>\n        </div>\n      </div>\n      {showFooter && (\n        <CardFooter\n          isHeader={false}\n          secondaryLabelLimit={secondaryLabelLimit}\n          values={labels}\n          className={useStylesForDisplayedImage ? undefined : 'hasIcon'}\n          cardTopContent={cardTopContent}\n        />\n      )}\n    </div>\n  )\n})\n\nexport default GenericCard\n"],"mappings":";;;;;;;;;;;AA+FA,IAAM,IAAsC,CAAC,GAKhC,IAAc,EAAW,SACpC,GACA,GACA;CACA,IAAM,EACJ,SACA,SACA,UACA,2BACA,uCACA,aACA,gBACA,yBAAsB,IACtB,sBACA,mBACA,mBACA,cAAW,IACX,sBACA,gCAA6B,IAC7B,YAAS,GACT,wBACA,kBACA,qBACA,4BACA,sBACA,0BACA,uBACE,GAEE,IAAa,EAAO,SAAS;CAwCnC,OA9BI,IAEA,kBAAC,GAAD;EACO;EACc;EACA;EACF;EACV;EACP,UAAU;EACG;EACP;EACA;EACN,QAAQ;EACR,MAAM,GAAwB;EAC9B,QAAQ,GAAwB;EACjB;EACf,kBAAkB;EACG;EACL;EACA;EACS;EACP;EACC;EACiB;EACb;EACF;CACtB,CAAA,IAKH,kBAAC,OAAD;EAAY;GArCZ,WAAW,IAAW,QAAQ,KAAA;GAC9B,cAAc,IAAW,QAAQ,KAAA;GACjC,eACE,KAAc,IAA6B,KAAA,IAAY;EAkC7C;EAAY;EAAK,WAAW;YAAxC,CACE,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACG,GACD,kBAAC,OAAD;IAAK,WAAU;cAAf;KACG,KACC,kBAAC,GAAD;MACE,IAAI;OACF,UAAU;OACV,OAAO;OACP,SAAS;OACT,OAAO;OACP,eAAe;OACf,KAAK;MACP;gBAEC;KACE,CAAA;KAEP,kBAAC,GAAD;MACE,IAAI;OACF,eAAe;OACf,YAAY;OACZ,KAAK;MACP;gBALF,CAOE,kBAAC,OAAD;OAAK,WAAU;iBAAY;MAAU,CAAA,GACpC,CACI;;KACN;KACD,kBAAC,GAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OAAK,IAAI;QAAE,MAAM;QAAG,UAAU;OAAE;iBAAhC;QACE,kBAAC,OAAD,EAAA,UACE,kBAAC,MAAD;SACE,WAAU;SACV,OAAO,EAAE,QAAQ,OAAO;mBAF1B,CAIG,CAAC,KACA,kBAAC,GAAD;UACS;UACP,MAAM,GAAwB;UAC9B,QAAQ,GAAwB;SACjC,CAAA,GAEF,KACC,kBAAC,GAAD;UACE,uBACE,EAAmC;UAErC,kBACE,EAAmC;UAErC,cAAc;SACf,CAAA,CAED;WACD,CAAA;QACJ,KAAY,kBAAC,OAAD;SAAK,WAAU;mBAAc;QAAc,CAAA;QACxD,kBAAC,GAAD;SACe;SACQ;SACF;QACpB,CAAA;QACA,KACC,kBAAC,GAAD;SACE,IAAI;UAAE,IAAI;UAAQ,SAAS;UAAQ,KAAK;UAAG,UAAU;SAAO;oBAE1D,MAAM,QAAQ,CAAa,IACzB,IACA,CAAC,CAAa,GAChB,KACC,GAAQ,MACP,EAAO,QACP,EAAO,QACL,kBAAC,GAAD;UAEE,MAAM,EAAO;UACb,QAAQ,EAAO;oBAEd,EAAO;SACC,GALJ,CAKI,CAEjB;QACG,CAAA;OAEJ;UACJ,KACC,kBAAC,OAAD;OAAK,WAAU;iBACZ;MACE,CAAA,CAEJ;;IACF;KACF;MACJ,KACC,kBAAC,GAAD;GACE,UAAU;GACW;GACrB,QAAQ;GACR,WAAW,IAA6B,KAAA,IAAY;GACpC;EACjB,CAAA,CAEA;;AAET,CAAC"}
+{"version":3,"file":"GenericCard.js","names":[],"sources":["../../../src/components/GenericCard/GenericCard.tsx"],"sourcesContent":["import { GenericCardTitle } from '@/components/GenericCard/GenericCardTitle'\nimport { CardLabel } from '@/components/row_renderers/utils/CardFooter'\nimport { Box, Stack } from '@mui/material'\nimport { FileHandleAssociation } from '@sage-bionetworks/synapse-types'\nimport React, { CSSProperties, forwardRef } from 'react'\nimport { DescriptionConfig } from '../CardContainerLogic'\nimport HeaderCard, { HeaderCardVariant } from '../HeaderCard'\nimport { CardFooter } from '../row_renderers/utils'\nimport { SmartLink } from '../SmartLink/SmartLink'\nimport { SustainabilityScorecardProps } from '../SustainabilityScorecard/SustainabilityScorecard'\nimport { FileHandleLink } from '../widgets/FileHandleLink'\nimport { CollapsibleDescription } from './CollapsibleDescription'\n\n/** Resolved CTA link configuration with actual href values (as opposed to CTACardLink which uses column names) */\nexport type CTALinkConfig = {\n  text: React.ReactNode\n  href?: string\n  target?: string\n}\n\nexport type GenericCardProps = {\n  /** String representing the 'type' of object. This is displayed as a label on the card. */\n  type: string\n  /** The title displayed on the card. */\n  title: string\n  /** Optionally provide href/target if the title should be a link */\n  titleLinkConfiguration?: {\n    href: string\n    target: string\n  }\n  /** Optionally provide configuration if the title should be a link to a Synapse FileHandle */\n  titleAsFileHandleLinkConfiguration?: {\n    /** The FileHandleAssociation used to get access to the file handle */\n    fileHandleAssociation: FileHandleAssociation\n    /** Whether a 'download' icon should be shown */\n    showDownloadIcon: boolean\n  }\n  /** An optional subtitle to be displayed on the card */\n  subtitle?: string\n  /** An description to be displayed on the card */\n  description: string\n  /** An optional description subtitle to be displayed on the card */\n  descriptionSubTitle?: string\n  /** Configuration for altering the display of the description prop */\n  descriptionConfig?: DescriptionConfig\n  /** Optional slot for adding content to the top of the card */\n  cardTopContent?: React.ReactNode\n  /** Optional slot for adding action buttons to the top of the card */\n  cardTopButtons?: React.ReactNode\n  /** Optional position of CTA link(s) */\n  ctaLinkPosition?: 'right'\n  /** If true, a HeaderCard component will be rendered */\n  isHeader?: boolean\n  /** The variant of HeaderCard to render if `isHeader` is true */\n  headerCardVariant?: HeaderCardVariant\n  /** Set to true if the icon is an arbitrary image. The card styles will be updated to accommodate the image\n   * @default false */\n  useStylesForDisplayedImage?: boolean\n  /**\n   * The rendered icon on the card\n   */\n  icon: React.ReactNode\n  /**\n   * The card labels to be displayed in the footer of the card\n   */\n  labels?: CardLabel[]\n  /**\n   * The initial number of labels to display in the footer of the card\n   */\n  secondaryLabelLimit?: number\n  /**\n   * Optional configuration for displaying CTA button(s) on the card. Accepts a single config or an array.\n   */\n  ctaLinkConfig?: CTALinkConfig | CTALinkConfig[]\n  /**\n   * The rendered icon list on the card\n   */\n  renderedIconList?: React.ReactNode\n  /**\n   * Optional sustainability scorecard to be displayed on the header card\n   */\n  sustainabilityScorecard?: SustainabilityScorecardProps\n  /**\n   * Optional ReactNode to be rendered next to the card type\n   */\n  cardTypeAdornment?: React.ReactNode\n  /**\n   * Optional content to render to the right of the title/subtitle/description area.\n   */\n  titleAreaRightContent?: React.ReactNode\n  /**\n   * Character count threshold for truncating description\n   * @default 400\n   */\n  charCountCutoff?: number\n}\n\nconst EMPTY_CARD_LABEL_ARRAY: CardLabel[] = []\n\n/**\n * Generic portal card UI component with a predefined layout\n */\nexport const GenericCard = forwardRef(function GenericCard(\n  props: GenericCardProps,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  const {\n    icon,\n    type,\n    title,\n    titleLinkConfiguration,\n    titleAsFileHandleLinkConfiguration,\n    subtitle,\n    description,\n    descriptionSubTitle = '',\n    descriptionConfig,\n    cardTopContent,\n    cardTopButtons,\n    isHeader = false,\n    headerCardVariant,\n    useStylesForDisplayedImage = false,\n    labels = EMPTY_CARD_LABEL_ARRAY,\n    secondaryLabelLimit,\n    ctaLinkConfig,\n    ctaLinkPosition,\n    renderedIconList,\n    sustainabilityScorecard,\n    cardTypeAdornment,\n    titleAreaRightContent,\n    charCountCutoff,\n  } = props\n\n  const showFooter = labels.length > 0\n\n  const style: CSSProperties = {\n    // undefined, take default value from class\n    marginTop: isHeader ? '0px' : undefined,\n    marginBottom: isHeader ? '0px' : undefined,\n    paddingBottom:\n      showFooter || useStylesForDisplayedImage ? undefined : '15px',\n  }\n\n  if (isHeader) {\n    return (\n      <HeaderCard\n        ref={ref}\n        headerCardVariant={headerCardVariant}\n        descriptionConfig={descriptionConfig}\n        charCountCutoff={charCountCutoff}\n        title={title}\n        subTitle={subtitle}\n        description={description}\n        type={type}\n        icon={icon}\n        values={labels}\n        href={titleLinkConfiguration?.href}\n        target={titleLinkConfiguration?.target}\n        ctaLinkConfig={ctaLinkConfig}\n        isAlignToLeftNav={true}\n        secondaryLabelLimit={secondaryLabelLimit}\n        cardTopButtons={cardTopButtons}\n        cardTopContent={cardTopContent}\n        sustainabilityScorecard={sustainabilityScorecard}\n        renderedIconList={renderedIconList}\n        cardTypeAdornment={cardTypeAdornment}\n        titleAsFileHandleLinkConfiguration={titleAsFileHandleLinkConfiguration}\n        titleAreaRightContent={titleAreaRightContent}\n        descriptionSubTitle={descriptionSubTitle}\n      />\n    )\n  }\n\n  const ctaLinks = ctaLinkConfig\n    ? (Array.isArray(ctaLinkConfig) ? ctaLinkConfig : [ctaLinkConfig]).map(\n        (config, index) =>\n          config.text &&\n          config.href && (\n            <SmartLink key={index} href={config.href} target={config.target}>\n              {config.text}\n            </SmartLink>\n          ),\n      )\n    : null\n\n  return (\n    <div style={style} ref={ref} className={'SRC-portalCard'}>\n      <div className={'SRC-portalCardMain'}>\n        {icon}\n        <div\n          className={`SRC-cardContent ${ctaLinkPosition === 'right' ? 'SRC-cardContent--ctaRight' : ''}`}\n        >\n          {cardTopButtons && (\n            <Box\n              sx={{\n                position: 'absolute',\n                right: '24px',\n                display: 'flex',\n                float: 'right',\n                flexDirection: 'row',\n                gap: '10px',\n              }}\n            >\n              {cardTopButtons}\n            </Box>\n          )}\n          <Stack\n            sx={{\n              flexDirection: 'row',\n              alignItems: 'center',\n              gap: '10px',\n            }}\n          >\n            <div className=\"SRC-type\">{type}</div>\n            {cardTypeAdornment}\n          </Stack>\n          {renderedIconList}\n          <Box\n            className={`SRC-cardTitleArea ${ctaLinkPosition === 'right' ? 'SRC-cardTitleArea--ctaRight' : ''}`}\n          >\n            <Box sx={{ flex: 1, minWidth: 0 }}>\n              <div>\n                <h3\n                  className=\"SRC-boldText SRC-blackText\"\n                  style={{ margin: 'none' }}\n                >\n                  {!titleAsFileHandleLinkConfiguration && (\n                    <GenericCardTitle\n                      title={title}\n                      href={titleLinkConfiguration?.href}\n                      target={titleLinkConfiguration?.target}\n                    />\n                  )}\n                  {titleAsFileHandleLinkConfiguration && (\n                    <FileHandleLink\n                      fileHandleAssociation={\n                        titleAsFileHandleLinkConfiguration.fileHandleAssociation\n                      }\n                      showDownloadIcon={\n                        titleAsFileHandleLinkConfiguration.showDownloadIcon\n                      }\n                      displayValue={title}\n                    />\n                  )}\n                </h3>\n              </div>\n              {subtitle && <div className=\"SRC-author\">{subtitle}</div>}\n              <CollapsibleDescription\n                description={description}\n                descriptionSubTitle={descriptionSubTitle}\n                descriptionConfig={descriptionConfig}\n              />\n              {ctaLinkConfig && ctaLinkPosition !== 'right' && (\n                <Box\n                  sx={{ mt: '20px', display: 'flex', gap: 2, flexWrap: 'wrap' }}\n                >\n                  {ctaLinks}\n                </Box>\n              )}\n            </Box>\n            {titleAreaRightContent && (\n              <div className=\"SRC-cardTitleAreaDetails\">\n                {titleAreaRightContent}\n              </div>\n            )}\n            {ctaLinkPosition === 'right' && ctaLinkConfig && (\n              <Box sx={{ flexShrink: 0, marginLeft: 'auto' }}>{ctaLinks}</Box>\n            )}\n          </Box>\n        </div>\n      </div>\n      {showFooter && (\n        <CardFooter\n          isHeader={false}\n          secondaryLabelLimit={secondaryLabelLimit}\n          values={labels}\n          className={useStylesForDisplayedImage ? undefined : 'hasIcon'}\n          cardTopContent={cardTopContent}\n        />\n      )}\n    </div>\n  )\n})\n\nexport default GenericCard\n"],"mappings":";;;;;;;;;;;AAiGA,IAAM,IAAsC,CAAC,GAKhC,IAAc,EAAW,SACpC,GACA,GACA;CACA,IAAM,EACJ,SACA,SACA,UACA,2BACA,uCACA,aACA,gBACA,yBAAsB,IACtB,sBACA,mBACA,mBACA,cAAW,IACX,sBACA,gCAA6B,IAC7B,YAAS,GACT,wBACA,kBACA,oBACA,qBACA,4BACA,sBACA,0BACA,uBACE,GAEE,IAAa,EAAO,SAAS,GAE7B,IAAuB;EAE3B,WAAW,IAAW,QAAQ,KAAA;EAC9B,cAAc,IAAW,QAAQ,KAAA;EACjC,eACE,KAAc,IAA6B,KAAA,IAAY;CAC3D;CAEA,IAAI,GACF,OACE,kBAAC,GAAD;EACO;EACc;EACA;EACF;EACV;EACP,UAAU;EACG;EACP;EACA;EACN,QAAQ;EACR,MAAM,GAAwB;EAC9B,QAAQ,GAAwB;EACjB;EACf,kBAAkB;EACG;EACL;EACA;EACS;EACP;EACC;EACiB;EACb;EACF;CACtB,CAAA;CAIL,IAAM,IAAW,KACZ,MAAM,QAAQ,CAAa,IAAI,IAAgB,CAAC,CAAa,GAAG,KAC9D,GAAQ,MACP,EAAO,QACP,EAAO,QACL,kBAAC,GAAD;EAAuB,MAAM,EAAO;EAAM,QAAQ,EAAO;YACtD,EAAO;CACC,GAFK,CAEL,CAEjB,IACA;CAEJ,OACE,kBAAC,OAAD;EAAY;EAAY;EAAK,WAAW;YAAxC,CACE,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACG,GACD,kBAAC,OAAD;IACE,WAAW,mBAAmB,MAAoB,UAAU,8BAA8B;cAD5F;KAGG,KACC,kBAAC,GAAD;MACE,IAAI;OACF,UAAU;OACV,OAAO;OACP,SAAS;OACT,OAAO;OACP,eAAe;OACf,KAAK;MACP;gBAEC;KACE,CAAA;KAEP,kBAAC,GAAD;MACE,IAAI;OACF,eAAe;OACf,YAAY;OACZ,KAAK;MACP;gBALF,CAOE,kBAAC,OAAD;OAAK,WAAU;iBAAY;MAAU,CAAA,GACpC,CACI;;KACN;KACD,kBAAC,GAAD;MACE,WAAW,qBAAqB,MAAoB,UAAU,gCAAgC;gBADhG;OAGE,kBAAC,GAAD;QAAK,IAAI;SAAE,MAAM;SAAG,UAAU;QAAE;kBAAhC;SACE,kBAAC,OAAD,EAAA,UACE,kBAAC,MAAD;UACE,WAAU;UACV,OAAO,EAAE,QAAQ,OAAO;oBAF1B,CAIG,CAAC,KACA,kBAAC,GAAD;WACS;WACP,MAAM,GAAwB;WAC9B,QAAQ,GAAwB;UACjC,CAAA,GAEF,KACC,kBAAC,GAAD;WACE,uBACE,EAAmC;WAErC,kBACE,EAAmC;WAErC,cAAc;UACf,CAAA,CAED;YACD,CAAA;SACJ,KAAY,kBAAC,OAAD;UAAK,WAAU;oBAAc;SAAc,CAAA;SACxD,kBAAC,GAAD;UACe;UACQ;UACF;SACpB,CAAA;SACA,KAAiB,MAAoB,WACpC,kBAAC,GAAD;UACE,IAAI;WAAE,IAAI;WAAQ,SAAS;WAAQ,KAAK;WAAG,UAAU;UAAO;oBAE3D;SACE,CAAA;QAEJ;;OACJ,KACC,kBAAC,OAAD;QAAK,WAAU;kBACZ;OACE,CAAA;OAEN,MAAoB,WAAW,KAC9B,kBAAC,GAAD;QAAK,IAAI;SAAE,YAAY;SAAG,YAAY;QAAO;kBAAI;OAAc,CAAA;MAE9D;;IACF;KACF;MACJ,KACC,kBAAC,GAAD;GACE,UAAU;GACW;GACrB,QAAQ;GACR,WAAW,IAA6B,KAAA,IAAY;GACpC;EACjB,CAAA,CAEA;;AAET,CAAC"}

package/dist/components/GenericCard/TableRowGenericCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableRowGenericCard.d.ts","sourceRoot":"","sources":["../../../src/components/GenericCard/TableRowGenericCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TableRowGenericCard.d.ts","sourceRoot":"","sources":["../../../src/components/GenericCard/TableRowGenericCard.tsx"],"names":[],"mappings":"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"}

package/dist/components/GenericCard/TableRowGenericCard.js

@@ -46,18 +46,18 @@ function De(e) {
 	] });
 }
 function h(t) {
-	let [s, h] = d(!1), [Oe, ke] = d(!1), { entityId: Ae, versionNumber: je } = fe(), { getColumnDisplayName: g } = me(), { ref: Me, inView: Ne } = Ee(), { data: _ } = ee(Ae, je), { schema: v, data: y, rowId: b, versionNumber: Pe, genericCardSchema: x, secondaryLabelLimit: Fe, sharePageLinkButtonProps: Ie, selectColumns: S, columnModels: C, iconOptions: Le, useTypeColumnForIcon: w = !1, isHeader: T = !1, sustainabilityScorecard: Re, headerCardVariant: ze, titleLinkConfig: E, ctaLinkConfig: D, labelLinkConfig: Be, descriptionConfig: Ve, columnIconOptions: O, CardTypeAdornment: k, charCountCutoff: He } = t, { link: Ue = "", type: A, includeCitation: We, includeShareButton: Ge, defaultCitationFormat: Ke, citationBoilerplateText: qe, downloadCartSynId: j, portalDoiConfiguration: M } = x, N = y[v[x.title]], P = x.subTitle && y[v[x.subTitle]];
+	let [s, h] = d(!1), [Oe, ke] = d(!1), { entityId: Ae, versionNumber: je } = fe(), { getColumnDisplayName: g } = me(), { ref: Me, inView: Ne } = Ee(), { data: _ } = ee(Ae, je), { schema: v, data: y, rowId: b, versionNumber: Pe, genericCardSchema: x, secondaryLabelLimit: Fe, sharePageLinkButtonProps: Ie, selectColumns: S, columnModels: C, iconOptions: Le, useTypeColumnForIcon: w = !1, isHeader: T = !1, sustainabilityScorecard: Re, headerCardVariant: ze, titleLinkConfig: E, ctaLinkConfig: D, ctaLinkPosition: Be, labelLinkConfig: Ve, descriptionConfig: He, columnIconOptions: O, CardTypeAdornment: k, charCountCutoff: Ue } = t, { link: We = "", type: A, includeCitation: Ge, includeShareButton: Ke, defaultCitationFormat: qe, citationBoilerplateText: Je, downloadCartSynId: j, portalDoiConfiguration: M } = x, N = y[v[x.title]], P = x.subTitle && y[v[x.subTitle]];
 	P = x.subTitle && ne({
 		value: P,
 		columnName: x.subTitle,
 		selectColumns: S,
 		columnModels: C
 	}).str;
-	let Je = y[v[x.description || ""]], F = y[v[x.icon || ""]], I = y[v[x.dataTypeIconNames || ""]], L = y[v[x.imageFileHandleColumnName || ""]], Ye = C?.find((e) => x.link === e.name)?.columnType, R = y[v[Ue]] || "", { href: Xe, target: Ze } = c(R, E, y, v, b), Qe = x.synapseEntityConfig, z = ve((e) => {
+	let Ye = y[v[x.description || ""]], F = y[v[x.icon || ""]], I = y[v[x.dataTypeIconNames || ""]], L = y[v[x.imageFileHandleColumnName || ""]], Xe = C?.find((e) => x.link === e.name)?.columnType, R = y[v[We]] || "", { href: Ze, target: Qe } = c(R, E, y, v, b), $e = x.synapseEntityConfig, z = ve((e) => {
 		if (!e) return;
 		let t = v[e];
 		if (t !== void 0) return y[t];
-	}, [v, y]), $e = u(() => {
+	}, [v, y]), et = u(() => {
 		let { titleAreaDetails: e } = x;
 		if (!e) return;
 		let t = typeof e == "function" ? e(v, y) : e;
@@ -103,7 +103,7 @@ function h(t) {
 		C,
 		O
 	]), { entityId: B, entityVersionNumber: V } = _e({
-		synapseEntityConfig: Qe,
+		synapseEntityConfig: $e,
 		getColumnValue: z,
 		rowId: b,
 		rowVersionNumber: Pe
@@ -115,11 +115,11 @@ function h(t) {
 	let W = se({
 		data: u(() => le(y, v), [y, v]),
 		portalDoiConfiguration: M
-	}), et = ce({
+	}), tt = ce({
 		portalId: M?.portalId,
 		resourceId: W
 	}), G = [], { secondaryLabels: K = [] } = x, q = x.customSecondaryLabelConfig;
-	if (et && M && W && Ne && G.push({
+	if (tt && M && W && Ne && G.push({
 		columnDisplayName: "DOI",
 		value: /* @__PURE__ */ p(oe, {
 			portalId: M.portalId,
@@ -138,19 +138,19 @@ function h(t) {
 			value: t
 		});
 	}
-	let tt = _ && !i(_);
+	let nt = _ && !i(_);
 	for (let e = 0; e < K.length; e += 1) {
 		let t = K[e], i = y[v[t]], a = i, o;
 		if (a && i !== "[]" && i !== "[\"\"]") {
 			if (r(_) && t === "datasetSizeInBytes") o = "Size", a = n(parseInt(i));
-			else if (tt && t === "currentVersion") {
+			else if (nt && t === "currentVersion") {
 				let e = y[v.id];
 				a = /* @__PURE__ */ p(De, {
 					synapseId: e,
 					version: i
 				}), o = "Version";
 			} else {
-				let e = Be?.find((e) => e.matchColumnName === t);
+				let e = Ve?.find((e) => e.matchColumnName === t);
 				a = /* @__PURE__ */ p(l, {
 					value: i,
 					columnName: t,
@@ -169,12 +169,19 @@ function h(t) {
 			});
 		}
 	}
-	let J = te(_, L || R, y[v.id]), nt = g(x.description || ""), Y = o("doi", S, C), X = Y === void 0 ? void 0 : y[Y], Z = (D ? Array.isArray(D) ? D : [D] : []).map((e) => {
+	let J = te(_, L || R, y[v.id]), rt = g(x.description || ""), Y = o("doi", S, C), X = Y === void 0 ? void 0 : y[Y], Z = (D ? Array.isArray(D) ? D : [D] : []).map((e) => {
 		let t = y[v[e.link]] || "";
 		if (!t) return null;
 		let { href: n, target: r } = c(t, void 0, y, v, b);
 		return {
-			text: e.text,
+			text: e.endIcon ? /* @__PURE__ */ m("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: "10px"
+				},
+				children: [e.text, e.endIcon]
+			}) : e.text,
 			href: n,
 			target: r
 		};
@@ -183,7 +190,7 @@ function h(t) {
 		datasetId: B,
 		datasetVersionNumber: V
 	}));
-	let rt = k ? /* @__PURE__ */ p(k, {
+	let it = k ? /* @__PURE__ */ p(k, {
 		schema: v,
 		data: y
 	}) : null, $ = !0;
@@ -205,20 +212,21 @@ function h(t) {
 		title: N,
 		subtitle: P,
 		titleLinkConfiguration: {
-			target: Ze,
-			href: Xe
+			target: Qe,
+			href: Ze
 		},
-		cardTypeAdornment: rt,
-		titleAsFileHandleLinkConfiguration: !E && Ye === we.FILEHANDLEID && J ? {
+		cardTypeAdornment: it,
+		titleAsFileHandleLinkConfiguration: !E && Xe === we.FILEHANDLEID && J ? {
 			fileHandleAssociation: J,
 			showDownloadIcon: A !== e
 		} : void 0,
 		ctaLinkConfig: Z.length > 0 ? Z : void 0,
-		titleAreaRightContent: $e,
-		description: Je,
-		descriptionSubTitle: nt,
-		descriptionConfig: Ve,
-		charCountCutoff: He,
+		ctaLinkPosition: Be,
+		titleAreaRightContent: et,
+		description: Ye,
+		descriptionSubTitle: rt,
+		descriptionConfig: He,
+		charCountCutoff: Ue,
 		labels: G,
 		secondaryLabelLimit: Fe,
 		useStylesForDisplayedImage: !!L,
@@ -257,13 +265,13 @@ function h(t) {
 					loading: Oe,
 					children: "Download"
 				}),
-				We && X && /* @__PURE__ */ p(ue, {
+				Ge && X && /* @__PURE__ */ p(ue, {
 					title: N,
 					doi: X,
-					boilerplateText: qe,
-					defaultCitationFormat: Ke
+					boilerplateText: Je,
+					defaultCitationFormat: qe
 				}),
-				Ge && T && /* @__PURE__ */ p(he, { ...Ie })
+				Ke && T && /* @__PURE__ */ p(he, { ...Ie })
 			]
 		})
 	});