@skygraph/react 0.5.2 → 0.5.3

package/dist/datagrid.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/datagrid.ts","../src/components/complex/DataGrid/DataGrid.tsx","../src/hooks/useVirtualScroll.ts","../src/components/ui/Spin.tsx","../src/components/ConfigProvider.tsx","../src/components/ui/Checkbox.tsx","../src/components/complex/DataGrid/useDataGridState.ts"],"sourcesContent":["export { DataGrid } from './components/complex/DataGrid'\nexport type {\n  DataGridProps,\n  DataGridRef,\n  DataGridColumn,\n  DataGridLocale,\n  CellEditorProps,\n  CellPosition,\n  CellRange,\n  CellValue,\n} from './components/complex/DataGrid'\n","import React, { forwardRef, useImperativeHandle, useCallback, useRef, useMemo, useState } from 'react'\nimport { useVirtualScroll } from '../../../hooks/useVirtualScroll'\nimport { Spin } from '../../ui/Spin'\nimport { Checkbox } from '../../ui/Checkbox'\nimport { useDataGridState } from './useDataGridState'\nimport type {\n  DataGridProps,\n  DataGridRef,\n  CellPosition,\n  CellValue,\n  DataGridColumn,\n  CellEditorProps,\n  DataGridContextMenuItem,\n} from './types'\n\nconst cls = {\n  root: 'sg-datagrid',\n  header: 'sg-datagrid-header',\n  headerCell: 'sg-datagrid-header-cell',\n  body: 'sg-datagrid-body',\n  row: 'sg-datagrid-row',\n  rowEven: 'sg-datagrid-row--even',\n  rowOdd: 'sg-datagrid-row--odd',\n  rowHoverable: 'sg-datagrid-row--hoverable',\n  rowSelected: 'sg-datagrid-row--selected',\n  cell: 'sg-datagrid-cell',\n  cellActive: 'sg-datagrid-cell--active',\n  cellEditing: 'sg-datagrid-cell--editing',\n  cellSelected: 'sg-datagrid-cell--selected',\n  frozen: 'sg-datagrid-cell--frozen',\n  sortable: 'sg-datagrid-header-cell--sortable',\n  sortAsc: 'sg-datagrid-header-cell--asc',\n  sortDesc: 'sg-datagrid-header-cell--desc',\n  resizer: 'sg-datagrid-resizer',\n  empty: 'sg-datagrid-empty',\n  summary: 'sg-datagrid-summary',\n  summaryRow: 'sg-datagrid-summary-row',\n  summaryCell: 'sg-datagrid-summary-cell',\n  contextMenu: 'sg-datagrid-context-menu',\n  contextMenuItem: 'sg-datagrid-context-menu-item',\n  contextMenuDanger: 'sg-datagrid-context-menu-item--danger',\n  contextMenuDisabled: 'sg-datagrid-context-menu-item--disabled',\n  contextMenuDivider: 'sg-datagrid-context-menu-divider',\n  loading: 'sg-datagrid-loading',\n  selectionCell: 'sg-datagrid-selection-cell',\n  rowNumberCell: 'sg-datagrid-row-number-cell',\n  headerDragOver: 'sg-datagrid-header-cell--drag-over',\n}\n\nconst SELECTION_COL_WIDTH = 40\nconst ROW_NUMBER_COL_WIDTH = 48\n\nfunction DefaultEditor({ value, onChange, onCommit, onCancel }: CellEditorProps) {\n  return (\n    <input\n      autoFocus\n      defaultValue={value == null ? '' : String(value)}\n      onChange={(e) => onChange(e.target.value)}\n      onBlur={onCommit}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') onCommit()\n        if (e.key === 'Escape') onCancel()\n      }}\n      style={{\n        width: '100%',\n        height: '100%',\n        border: 'none',\n        outline: 'none',\n        padding: '0 8px',\n        background: 'transparent',\n        font: 'inherit',\n      }}\n    />\n  )\n}\n\nfunction isCellInRange(row: number, col: number, range: { start: CellPosition; end: CellPosition } | null): boolean {\n  if (!range) return false\n  const minRow = Math.min(range.start.row, range.end.row)\n  const maxRow = Math.max(range.start.row, range.end.row)\n  const minCol = Math.min(range.start.col, range.end.col)\n  const maxCol = Math.max(range.start.col, range.end.col)\n  return row >= minRow && row <= maxRow && col >= minCol && col <= maxCol\n}\n\nfunction ContextMenuPopup({\n  items,\n  position,\n  onClose,\n}: {\n  items: DataGridContextMenuItem[]\n  position: { x: number; y: number }\n  onClose: () => void\n}) {\n  const ref = useRef<HTMLDivElement>(null)\n\n  React.useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) onClose()\n    }\n    document.addEventListener('mousedown', handler)\n    return () => document.removeEventListener('mousedown', handler)\n  }, [onClose])\n\n  // Only the coordinates are runtime-computed; visuals (z-index, padding,\n  // colours, hover, danger/disabled state) live in\n  // `packages/styles/components/context-menu.css` under\n  // `.sg-datagrid-context-menu*`.\n  return (\n    <div\n      ref={ref}\n      className={cls.contextMenu}\n      style={{ position: 'fixed', top: position.y, left: position.x }}\n    >\n      {items.map((item) =>\n        item.divider ? (\n          <div key={item.key} className={cls.contextMenuDivider} />\n        ) : (\n          <div\n            key={item.key}\n            className={[\n              cls.contextMenuItem,\n              item.danger ? cls.contextMenuDanger : '',\n              item.disabled ? cls.contextMenuDisabled : '',\n            ].filter(Boolean).join(' ')}\n            onClick={() => {\n              if (!item.disabled) {\n                item.onClick()\n                onClose()\n              }\n            }}\n          >\n            {item.label}\n          </div>\n        ),\n      )}\n    </div>\n  )\n}\n\nfunction DataGridInner<R extends Record<string, unknown>>(\n  props: DataGridProps<R>,\n  ref: React.ForwardedRef<DataGridRef>,\n) {\n  const {\n    columns,\n    data,\n    rowKey,\n    rowHeight = 36,\n    headerHeight = 40,\n    width = '100%',\n    height = 400,\n    className,\n    style,\n    onCellEdit,\n    sortColumn,\n    sortDirection,\n    onSort,\n    onCopy,\n    onPaste,\n    overscan = 5,\n    locale,\n    rowSelection,\n    selectedRows,\n    onSelectedRowsChange,\n    striped,\n    highlightOnHover = true,\n    showRowNumber,\n    summaryRows,\n    cellClassName,\n    cellStyle: cellStyleFn,\n    columnReorder,\n    onColumnOrderChange,\n    onContextMenu,\n    onRowClick,\n    onRowDoubleClick,\n    rowClassName,\n    loading,\n    emptyContent,\n  } = props\n\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  const state = useDataGridState(columns, data)\n  const {\n    activeCell,\n    setActiveCell,\n    editingCell,\n    startEditing,\n    stopEditing,\n    editValueRef,\n    selection,\n    navigate,\n    resizeColumn,\n    getColumnWidth,\n    columnOrder,\n    reorderColumns,\n    dragColumnRef,\n  } = state\n\n  const [ctxMenu, setCtxMenu] = useState<{\n    items: DataGridContextMenuItem[]\n    position: { x: number; y: number }\n  } | null>(null)\n\n  const [dragOverCol, setDragOverCol] = useState<string | null>(null)\n\n  const { range, containerRef: scrollRef, scrollToIndex } = useVirtualScroll({\n    itemCount: data.length,\n    itemHeight: rowHeight,\n    overscan,\n  })\n\n  const getRowKey = useCallback(\n    (row: R, index: number): React.Key => {\n      if (typeof rowKey === 'function') return rowKey(row, index)\n      return row[rowKey] as React.Key\n    },\n    [rowKey],\n  )\n\n  const frozenLeft = useMemo(\n    () => columns.filter((c) => c.frozen === 'left'),\n    [columns],\n  )\n  const frozenRight = useMemo(\n    () => columns.filter((c) => c.frozen === 'right'),\n    [columns],\n  )\n  const scrollable = useMemo(\n    () => columns.filter((c) => !c.frozen),\n    [columns],\n  )\n\n  const orderedColumns = useMemo(() => {\n    const base = [...frozenLeft, ...scrollable, ...frozenRight]\n    if (!columnOrder) return base\n    const map = new Map(base.map((c) => [c.key, c]))\n    const ordered: DataGridColumn<R>[] = []\n    for (const key of columnOrder) {\n      const col = map.get(key)\n      if (col) ordered.push(col)\n    }\n    for (const col of base) {\n      if (!columnOrder.includes(col.key)) ordered.push(col)\n    }\n    return ordered\n  }, [frozenLeft, scrollable, frozenRight, columnOrder])\n\n  const extraColsWidth = (rowSelection ? SELECTION_COL_WIDTH : 0) + (showRowNumber ? ROW_NUMBER_COL_WIDTH : 0)\n\n  const totalWidth = useMemo(\n    () => orderedColumns.reduce((sum, col) => sum + getColumnWidth(col.key), 0) + extraColsWidth,\n    [orderedColumns, getColumnWidth, extraColsWidth],\n  )\n\n  const allSelected = useMemo(() => {\n    if (!selectedRows || data.length === 0) return false\n    return data.every((row, i) => selectedRows.has(getRowKey(row, i)))\n  }, [selectedRows, data, getRowKey])\n\n  const someSelected = useMemo(() => {\n    if (!selectedRows || data.length === 0) return false\n    const count = data.filter((row, i) => selectedRows.has(getRowKey(row, i))).length\n    return count > 0 && count < data.length\n  }, [selectedRows, data, getRowKey])\n\n  const handleSelectAll = useCallback(() => {\n    if (!onSelectedRowsChange) return\n    if (allSelected) {\n      onSelectedRowsChange(new Set())\n    } else {\n      const all = new Set<React.Key>(data.map((row, i) => getRowKey(row, i)))\n      onSelectedRowsChange(all)\n    }\n  }, [allSelected, data, getRowKey, onSelectedRowsChange])\n\n  const handleSelectRow = useCallback(\n    (row: R, index: number) => {\n      if (!onSelectedRowsChange || !selectedRows) return\n      const key = getRowKey(row, index)\n      const next = new Set(selectedRows)\n      if (next.has(key)) next.delete(key)\n      else next.add(key)\n      onSelectedRowsChange(next)\n    },\n    [getRowKey, onSelectedRowsChange, selectedRows],\n  )\n\n  const handleCellClick = useCallback(\n    (rowIndex: number, colIndex: number) => {\n      if (editingCell) {\n        if (onCellEdit && editValueRef.current !== undefined) {\n          onCellEdit(editingCell.row, orderedColumns[editingCell.col].key, editValueRef.current)\n        }\n        stopEditing()\n      }\n      setActiveCell({ row: rowIndex, col: colIndex })\n    },\n    [editingCell, onCellEdit, editValueRef, orderedColumns, stopEditing, setActiveCell],\n  )\n\n  const handleCellDoubleClick = useCallback(\n    (rowIndex: number, colIndex: number) => {\n      startEditing({ row: rowIndex, col: colIndex })\n    },\n    [startEditing],\n  )\n\n  const handleCommitEdit = useCallback(() => {\n    if (editingCell && onCellEdit && editValueRef.current !== undefined) {\n      onCellEdit(editingCell.row, orderedColumns[editingCell.col].key, editValueRef.current)\n    }\n    stopEditing()\n  }, [editingCell, onCellEdit, editValueRef, orderedColumns, stopEditing])\n\n  const handleCancelEdit = useCallback(() => {\n    stopEditing()\n  }, [stopEditing])\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (!activeCell) return\n\n      if (editingCell) return\n\n      switch (e.key) {\n        case 'ArrowUp':\n          e.preventDefault()\n          navigate(activeCell, 'up', e.shiftKey)\n          break\n        case 'ArrowDown':\n          e.preventDefault()\n          navigate(activeCell, 'down', e.shiftKey)\n          break\n        case 'ArrowLeft':\n          e.preventDefault()\n          navigate(activeCell, 'left', e.shiftKey)\n          break\n        case 'ArrowRight':\n          e.preventDefault()\n          navigate(activeCell, 'right', e.shiftKey)\n          break\n        case 'Enter':\n          e.preventDefault()\n          startEditing(activeCell)\n          break\n        case 'Tab':\n          e.preventDefault()\n          navigate(activeCell, e.shiftKey ? 'left' : 'right')\n          break\n        case 'Escape':\n          setActiveCell(null)\n          break\n        case ' ':\n          if (rowSelection && selectedRows) {\n            e.preventDefault()\n            const row = data[activeCell.row]\n            if (row) handleSelectRow(row, activeCell.row)\n          }\n          break\n        case 'a':\n          if ((e.ctrlKey || e.metaKey) && rowSelection) {\n            e.preventDefault()\n            handleSelectAll()\n          }\n          break\n        case 'c':\n          if ((e.ctrlKey || e.metaKey) && onCopy) {\n            e.preventDefault()\n            const col = orderedColumns[activeCell.col]\n            const val = data[activeCell.row]?.[col.key]\n            onCopy(val == null ? '' : String(val))\n          }\n          break\n        case 'v':\n          if ((e.ctrlKey || e.metaKey) && onPaste) {\n            e.preventDefault()\n            navigator.clipboard?.readText().then((text) => {\n              onPaste(text, activeCell)\n            })\n          }\n          break\n      }\n    },\n    [activeCell, editingCell, navigate, startEditing, setActiveCell, onCopy, onPaste,\n     orderedColumns, data, rowSelection, selectedRows, handleSelectRow, handleSelectAll],\n  )\n\n  const handleSort = useCallback(\n    (col: DataGridColumn<R>) => {\n      if (!col.sortable || !onSort) return\n      const dir = sortColumn === col.key && sortDirection === 'asc' ? 'desc' : 'asc'\n      onSort(col.key, dir)\n    },\n    [sortColumn, sortDirection, onSort],\n  )\n\n  const handleCellContextMenu = useCallback(\n    (e: React.MouseEvent, rowIndex: number, col: DataGridColumn<R>) => {\n      if (!onContextMenu) return\n      e.preventDefault()\n      const row = data[rowIndex]\n      if (!row) return\n      const items = onContextMenu(rowIndex, col.key, row)\n      if (items.length === 0) return\n      setCtxMenu({ items, position: { x: e.clientX, y: e.clientY } })\n    },\n    [onContextMenu, data],\n  )\n\n  const handleHeaderDragStart = useCallback(\n    (e: React.DragEvent, colKey: string) => {\n      if (!columnReorder) return\n      dragColumnRef.current = colKey\n      e.dataTransfer.effectAllowed = 'move'\n    },\n    [columnReorder, dragColumnRef],\n  )\n\n  const handleHeaderDragOver = useCallback(\n    (e: React.DragEvent, colKey: string) => {\n      if (!columnReorder || !dragColumnRef.current) return\n      e.preventDefault()\n      setDragOverCol(colKey)\n    },\n    [columnReorder, dragColumnRef],\n  )\n\n  const handleHeaderDrop = useCallback(\n    (e: React.DragEvent, colKey: string) => {\n      e.preventDefault()\n      if (!columnReorder || !dragColumnRef.current) return\n      const newOrder = reorderColumns(dragColumnRef.current, colKey)\n      dragColumnRef.current = null\n      setDragOverCol(null)\n      onColumnOrderChange?.(newOrder)\n    },\n    [columnReorder, dragColumnRef, reorderColumns, onColumnOrderChange],\n  )\n\n  const handleHeaderDragEnd = useCallback(() => {\n    dragColumnRef.current = null\n    setDragOverCol(null)\n  }, [dragColumnRef])\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      scrollToRow: scrollToIndex,\n      scrollToColumn: () => {},\n      getActiveCell: () => activeCell,\n      setActiveCell,\n    }),\n    [scrollToIndex, activeCell, setActiveCell],\n  )\n\n  const handleResizeStart = useCallback(\n    (colKey: string, startX: number) => {\n      const startWidth = getColumnWidth(colKey)\n\n      const onMouseMove = (e: MouseEvent) => {\n        const delta = e.clientX - startX\n        resizeColumn(colKey, startWidth + delta)\n      }\n      const onMouseUp = () => {\n        document.removeEventListener('mousemove', onMouseMove)\n        document.removeEventListener('mouseup', onMouseUp)\n      }\n      document.addEventListener('mousemove', onMouseMove)\n      document.addEventListener('mouseup', onMouseUp)\n    },\n    [getColumnWidth, resizeColumn],\n  )\n\n  const renderCell = useCallback(\n    (row: R, rowIndex: number, col: DataGridColumn<R>, colIndex: number) => {\n      const isActive = activeCell?.row === rowIndex && activeCell?.col === colIndex\n      const isEditing = editingCell?.row === rowIndex && editingCell?.col === colIndex\n      const isSelected = isCellInRange(rowIndex, colIndex, selection)\n\n      const rawValue = col.formula\n        ? col.formula(row)\n        : (row[col.key] as CellValue)\n\n      const extraClass = cellClassName?.(rawValue, row, rowIndex, col) ?? ''\n      const extraStyle = cellStyleFn?.(rawValue, row, rowIndex, col)\n\n      const cellClassNames = [\n        cls.cell,\n        isActive ? cls.cellActive : '',\n        isEditing ? cls.cellEditing : '',\n        isSelected ? cls.cellSelected : '',\n        col.frozen ? cls.frozen : '',\n        col.className ?? '',\n        extraClass,\n      ]\n        .filter(Boolean)\n        .join(' ')\n\n      const baseCellStyle: React.CSSProperties = {\n        width: getColumnWidth(col.key),\n        minWidth: getColumnWidth(col.key),\n        textAlign: col.align ?? 'left',\n        ...extraStyle,\n      }\n\n      return (\n        <div\n          key={col.key}\n          className={cellClassNames}\n          style={baseCellStyle}\n          onClick={() => handleCellClick(rowIndex, colIndex)}\n          onDoubleClick={() => handleCellDoubleClick(rowIndex, colIndex)}\n          onContextMenu={(e) => handleCellContextMenu(e, rowIndex, col)}\n          role=\"gridcell\"\n          aria-colindex={colIndex + 1 + (rowSelection ? 1 : 0) + (showRowNumber ? 1 : 0)}\n          aria-selected={isActive || isSelected}\n        >\n          {isEditing ? (\n            (col.editor ?? (DefaultEditor as (props: CellEditorProps<R>) => React.ReactNode))({\n              value: rawValue,\n              row,\n              rowIndex,\n              column: col,\n              onChange: (v) => {\n                editValueRef.current = v\n              },\n              onCommit: handleCommitEdit,\n              onCancel: handleCancelEdit,\n            })\n          ) : col.render ? (\n            col.render(rawValue, row, rowIndex)\n          ) : (\n            <span>{rawValue == null ? '' : String(rawValue)}</span>\n          )}\n        </div>\n      )\n    },\n    [\n      activeCell, editingCell, selection, getColumnWidth,\n      handleCellClick, handleCellDoubleClick, handleCommitEdit,\n      handleCancelEdit, editValueRef, cellClassName, cellStyleFn,\n      handleCellContextMenu, rowSelection, showRowNumber,\n    ],\n  )\n\n  const heightValue = typeof height === 'number' ? height : undefined\n  const bodyHeight = heightValue ? heightValue - headerHeight : undefined\n\n  const rootCls = [\n    cls.root,\n    striped ? 'sg-datagrid--striped' : '',\n    loading ? 'sg-datagrid--loading' : '',\n    className ?? '',\n  ].filter(Boolean).join(' ')\n\n  return (\n    <div\n      ref={containerRef}\n      className={rootCls}\n      style={{ width, height, display: 'flex', flexDirection: 'column', position: 'relative', ...style }}\n      onKeyDown={handleKeyDown}\n      tabIndex={0}\n      role=\"grid\"\n      aria-rowcount={data.length}\n      aria-colcount={orderedColumns.length}\n    >\n      {/* Header */}\n      <div\n        className={cls.header}\n        style={{\n          display: 'flex',\n          height: headerHeight,\n          minHeight: headerHeight,\n          minWidth: totalWidth,\n        }}\n        role=\"row\"\n      >\n        {rowSelection && (\n          <div\n            className={`${cls.headerCell} ${cls.selectionCell}`}\n            style={{ width: SELECTION_COL_WIDTH, minWidth: SELECTION_COL_WIDTH, display: 'flex', alignItems: 'center', justifyContent: 'center' }}\n            role=\"columnheader\"\n          >\n            <Checkbox\n              checked={allSelected}\n              indeterminate={someSelected}\n              onChange={handleSelectAll}\n            />\n          </div>\n        )}\n        {showRowNumber && (\n          <div\n            className={`${cls.headerCell} ${cls.rowNumberCell}`}\n            style={{ width: ROW_NUMBER_COL_WIDTH, minWidth: ROW_NUMBER_COL_WIDTH, display: 'flex', alignItems: 'center', justifyContent: 'center', userSelect: 'none' }}\n            role=\"columnheader\"\n          >\n            #\n          </div>\n        )}\n        {orderedColumns.map((col) => {\n          const isSorted = sortColumn === col.key\n          const headerCls = [\n            cls.headerCell,\n            col.sortable ? cls.sortable : '',\n            isSorted && sortDirection === 'asc' ? cls.sortAsc : '',\n            isSorted && sortDirection === 'desc' ? cls.sortDesc : '',\n            col.headerClassName ?? '',\n            dragOverCol === col.key ? cls.headerDragOver : '',\n          ]\n            .filter(Boolean)\n            .join(' ')\n\n          return (\n            <div\n              key={col.key}\n              className={headerCls}\n              style={{\n                width: getColumnWidth(col.key),\n                minWidth: getColumnWidth(col.key),\n                position: 'relative',\n                display: 'flex',\n                alignItems: 'center',\n                padding: '0 8px',\n                cursor: col.sortable ? 'pointer' : 'default',\n                userSelect: 'none',\n              }}\n              onClick={() => handleSort(col)}\n              draggable={!!columnReorder}\n              onDragStart={(e) => handleHeaderDragStart(e, col.key)}\n              onDragOver={(e) => handleHeaderDragOver(e, col.key)}\n              onDrop={(e) => handleHeaderDrop(e, col.key)}\n              onDragEnd={handleHeaderDragEnd}\n              onDragLeave={() => setDragOverCol(null)}\n              role=\"columnheader\"\n            >\n              {col.title}\n              {isSorted && (\n                <span style={{ marginLeft: 4, fontSize: 10 }}>\n                  {sortDirection === 'asc' ? '▲' : '▼'}\n                </span>\n              )}\n              {col.resizable !== false && (\n                <div\n                  className={cls.resizer}\n                  style={{\n                    position: 'absolute',\n                    right: 0,\n                    top: 0,\n                    bottom: 0,\n                    width: 4,\n                    cursor: 'col-resize',\n                  }}\n                  onMouseDown={(e) => {\n                    e.stopPropagation()\n                    handleResizeStart(col.key, e.clientX)\n                  }}\n                />\n              )}\n            </div>\n          )\n        })}\n      </div>\n\n      {/* Body */}\n      <div\n        ref={scrollRef as React.RefObject<HTMLDivElement>}\n        className={cls.body}\n        style={{\n          flex: 1,\n          overflow: 'auto',\n          position: 'relative',\n          height: bodyHeight,\n        }}\n      >\n        {data.length === 0 ? (\n          <div className={cls.empty} style={{ padding: 24, textAlign: 'center' }}>\n            {emptyContent ?? locale?.noData ?? 'No data'}\n          </div>\n        ) : (\n          <div style={{ height: range.totalHeight, position: 'relative', minWidth: totalWidth }}>\n            {range.visibleItems.map((vi) => {\n              const row = data[vi.index]\n              if (!row) return null\n              const rKey = getRowKey(row, vi.index)\n              const isRowSelected = selectedRows?.has(rKey) ?? false\n              const rowExtraClass = typeof rowClassName === 'function' ? rowClassName(row, vi.index) : (rowClassName ?? '')\n\n              const rowCls = [\n                cls.row,\n                striped ? (vi.index % 2 === 0 ? cls.rowEven : cls.rowOdd) : '',\n                highlightOnHover ? cls.rowHoverable : '',\n                isRowSelected ? cls.rowSelected : '',\n                rowExtraClass,\n              ].filter(Boolean).join(' ')\n\n              return (\n                <div\n                  key={rKey}\n                  className={rowCls}\n                  style={{\n                    display: 'flex',\n                    position: 'absolute',\n                    top: vi.offsetTop,\n                    height: vi.height,\n                    width: '100%',\n                  }}\n                  role=\"row\"\n                  aria-rowindex={vi.index + 1}\n                  aria-selected={isRowSelected}\n                  onClick={() => onRowClick?.(row, vi.index)}\n                  onDoubleClick={() => onRowDoubleClick?.(row, vi.index)}\n                >\n                  {rowSelection && (\n                    <div\n                      className={`${cls.cell} ${cls.selectionCell}`}\n                      style={{ width: SELECTION_COL_WIDTH, minWidth: SELECTION_COL_WIDTH, display: 'flex', alignItems: 'center', justifyContent: 'center' }}\n                      onClick={(e) => e.stopPropagation()}\n                    >\n                      <Checkbox\n                        checked={isRowSelected}\n                        onChange={() => handleSelectRow(row, vi.index)}\n                      />\n                    </div>\n                  )}\n                  {showRowNumber && (\n                    <div\n                      className={`${cls.cell} ${cls.rowNumberCell}`}\n                      style={{ width: ROW_NUMBER_COL_WIDTH, minWidth: ROW_NUMBER_COL_WIDTH, display: 'flex', alignItems: 'center', justifyContent: 'center', color: 'var(--sg-text-tertiary, #999)' }}\n                    >\n                      {vi.index + 1}\n                    </div>\n                  )}\n                  {orderedColumns.map((col, ci) => renderCell(row, vi.index, col, ci))}\n                </div>\n              )\n            })}\n          </div>\n        )}\n      </div>\n\n      {/* Summary Footer */}\n      {summaryRows && summaryRows.length > 0 && data.length > 0 && (\n        <div className={cls.summary} style={{ minWidth: totalWidth }}>\n          {summaryRows.map((sr, sri) => (\n            <div\n              key={sri}\n              className={`${cls.summaryRow} ${sr.className ?? ''}`}\n              style={{ display: 'flex', height: rowHeight }}\n            >\n              {rowSelection && (\n                <div className={`${cls.summaryCell}`} style={{ width: SELECTION_COL_WIDTH, minWidth: SELECTION_COL_WIDTH }} />\n              )}\n              {showRowNumber && (\n                <div className={`${cls.summaryCell}`} style={{ width: ROW_NUMBER_COL_WIDTH, minWidth: ROW_NUMBER_COL_WIDTH }} />\n              )}\n              {orderedColumns.map((col) => (\n                <div\n                  key={col.key}\n                  className={cls.summaryCell}\n                  style={{\n                    width: getColumnWidth(col.key),\n                    minWidth: getColumnWidth(col.key),\n                    textAlign: col.align ?? 'left',\n                  }}\n                >\n                  {sr.render(col.key, data)}\n                </div>\n              ))}\n            </div>\n          ))}\n        </div>\n      )}\n\n      {/* Context Menu */}\n      {ctxMenu && (\n        <ContextMenuPopup\n          items={ctxMenu.items}\n          position={ctxMenu.position}\n          onClose={() => setCtxMenu(null)}\n        />\n      )}\n\n      {/* Loading */}\n      {loading && (\n        <div className={cls.loading} style={{ position: 'absolute', inset: 0, display: 'flex', alignItems: 'center', justifyContent: 'center', background: 'rgba(255,255,255,0.6)', zIndex: 10 }}>\n          <Spin size=\"large\" />\n        </div>\n      )}\n    </div>\n  )\n}\n\n/**\n * Virtualized table grid with sortable headers, resizable columns, inline editing,\n * row selection, striped rows, summary footer, context menu, column reorder, and clipboard hooks.\n */\nexport const DataGrid = forwardRef(DataGridInner) as <R extends Record<string, unknown>>(\n  props: DataGridProps<R> & { ref?: React.Ref<DataGridRef> },\n) => React.ReactElement\n","import { useState, useCallback, useRef, useEffect, useMemo } from 'react'\nimport { createVirtual } from '@skygraph/core'\nimport type { VirtualEngine, VirtualRange } from '@skygraph/core'\n\nexport interface UseVirtualScrollOptions {\n  itemCount: number\n  itemHeight: number | ((index: number) => number)\n  overscan?: number\n}\n\nexport interface UseVirtualScrollReturn {\n  range: VirtualRange\n  containerRef: React.RefObject<HTMLElement | null>\n  scrollToIndex: (index: number, align?: 'start' | 'center' | 'end') => void\n  engine: VirtualEngine\n}\n\nexport function useVirtualScroll(options: UseVirtualScrollOptions): UseVirtualScrollReturn {\n  const containerRef = useRef<HTMLElement | null>(null)\n  const engineRef = useRef<VirtualEngine | null>(null)\n\n  if (!engineRef.current) {\n    engineRef.current = createVirtual({\n      itemCount: options.itemCount,\n      itemHeight: options.itemHeight,\n      overscan: options.overscan,\n    })\n  }\n\n  const engine = engineRef.current\n\n  useEffect(() => {\n    engine.setItemCount(options.itemCount)\n  }, [engine, options.itemCount])\n\n  useEffect(() => {\n    engine.setItemHeight(options.itemHeight)\n  }, [engine, options.itemHeight])\n\n  const [range, setRange] = useState<VirtualRange>(() =>\n    engine.getRange(0, 0),\n  )\n\n  const recalc = useCallback(() => {\n    const el = containerRef.current\n    if (!el) return\n    setRange(engine.getRange(el.scrollTop, el.clientHeight))\n  }, [engine])\n\n  useEffect(() => {\n    const el = containerRef.current\n    if (!el) return\n\n    recalc()\n\n    el.addEventListener('scroll', recalc, { passive: true })\n    const ro = new ResizeObserver(recalc)\n    ro.observe(el)\n\n    return () => {\n      el.removeEventListener('scroll', recalc)\n      ro.disconnect()\n    }\n  }, [recalc])\n\n  useEffect(() => {\n    recalc()\n  }, [options.itemCount, recalc])\n\n  const scrollToIndex = useCallback(\n    (index: number, align: 'start' | 'center' | 'end' = 'start') => {\n      const el = containerRef.current\n      if (!el) return\n      el.scrollTop = engine.scrollToIndex(index, el.clientHeight, align)\n    },\n    [engine],\n  )\n\n  return useMemo(\n    () => ({ range, containerRef, scrollToIndex, engine }),\n    [range, scrollToIndex, engine],\n  )\n}\n","import React from 'react'\nimport { useConfig } from '../ConfigProvider'\nimport type { BaseComponentProps, SizableProps } from '../../types'\n\n/** Props for loading spinner, overlay, and optional content blur. */\nexport interface SpinProps extends BaseComponentProps, SizableProps {\n  /** When `true`, shows the loading state (subject to `delay`). @default true */\n  spinning?: boolean\n  /** Milliseconds to wait before showing the spinner after `spinning` becomes true. */\n  delay?: number\n  /** Optional text below the indicator. */\n  tip?: string\n  /** When `true`, covers the viewport instead of inline or wrapping children. */\n  fullscreen?: boolean\n  /** Custom spinner node; defaults to a styled status element. */\n  indicator?: React.ReactNode\n  /** When set, shows an overlay with blur on this content while loading. */\n  children?: React.ReactNode\n}\n\n/**\n * Loading indicator with optional delay, tip, fullscreen mode, and child overlay.\n */\nexport function Spin({\n  spinning = true,\n  size: sizeProp,\n  delay,\n  tip,\n  fullscreen,\n  indicator,\n  children,\n  className,\n  style,\n  unstyled,\n}: SpinProps) {\n  const config = useConfig()\n  const resolvedSize = sizeProp ?? config.size ?? 'middle'\n\n  const [visible, setVisible] = React.useState(delay ? false : spinning)\n\n  React.useEffect(() => {\n    if (!delay) {\n      setVisible(spinning)\n      return\n    }\n\n    if (spinning) {\n      const timer = setTimeout(() => setVisible(true), delay)\n      return () => clearTimeout(timer)\n    }\n\n    setVisible(false)\n  }, [spinning, delay])\n\n  if (!visible && !children) return null\n  if (!visible && children) return <>{children}</>\n\n  const spinSizeClass = resolvedSize === 'middle' ? 'default' : resolvedSize\n  const spinClasses = unstyled\n    ? (className ?? '')\n    : ['sg-spin', `sg-spin-${spinSizeClass}`, className].filter(Boolean).join(' ')\n\n  const spinElement = indicator ?? (\n    <span\n      className={spinClasses}\n      style={style}\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-label={config.locale?.spin?.loading ?? 'Loading'}\n    />\n  )\n\n  if (fullscreen) {\n    return (\n      <div className={unstyled ? '' : 'sg-spin-fullscreen'}>\n        <div className={unstyled ? '' : 'sg-spin-fullscreen-inner'}>\n          {spinElement}\n          {tip && <div className={unstyled ? '' : 'sg-spin-tip'}>{tip}</div>}\n        </div>\n      </div>\n    )\n  }\n\n  if (!children) {\n    return (\n      <span className={unstyled ? '' : 'sg-spin-standalone'} style={style}>\n        {spinElement}\n        {tip && <div className={unstyled ? '' : 'sg-spin-tip'}>{tip}</div>}\n      </span>\n    )\n  }\n\n  return (\n    <div className={unstyled ? '' : 'sg-spin-container'} style={style}>\n      <div className={unstyled ? '' : 'sg-spin-overlay'}>\n        {spinElement}\n        {tip && <div className={unstyled ? '' : 'sg-spin-tip'}>{tip}</div>}\n      </div>\n      <div className={visible ? (unstyled ? '' : 'sg-spin-blur') : ''}>{children}</div>\n    </div>\n  )\n}\n","import React, { createContext, useContext, useMemo } from 'react'\nimport type { SizeType, SgLocale } from '../types'\n\n/**\n * Global Skygraph component configuration merged through React context.\n *\n * По `prefixCls`: сознательно НЕ входит в публичный API до реализации\n * (вариант A в `docs/styling-plan.md`, фаза 4). На практике все корневые классы\n * имеют стабильный префикс `.sg-*`; если нужна изоляция — используйте изолированный\n * скоуп на хосте (шадоу-рут/отдельный контейнер со своими токенами).\n */\nexport interface SgConfig {\n  /** Default size token for nested components. */\n  size?: SizeType\n  /** Disables interactions for nested components when true. */\n  disabled?: boolean\n  /** Enables bordered styling for nested components when true. */\n  bordered?: boolean\n  /** Locale messages shallow-merged with the parent provider when set. */\n  locale?: SgLocale\n}\n\nconst SgConfigContext = createContext<SgConfig>({})\n\n/** Props for `ConfigProvider`, extending `SgConfig` with React children. */\nexport interface ConfigProviderProps extends SgConfig {\n  /** Tree of components that consume merged configuration from this provider. */\n  children: React.ReactNode\n}\n\n/**\n * Merges Skygraph configuration with any parent provider and exposes it via context.\n * Descendants read values through `useConfig` or `useConfigWithDefaults`.\n */\nexport function ConfigProvider({ children, ...config }: ConfigProviderProps) {\n  const parent = useContext(SgConfigContext)\n\n  const merged = useMemo<SgConfig>(\n    () => ({\n      size: config.size ?? parent.size,\n      disabled: config.disabled ?? parent.disabled,\n      bordered: config.bordered ?? parent.bordered,\n      locale: config.locale\n        ? parent.locale\n          ? { ...parent.locale, ...config.locale }\n          : config.locale\n        : parent.locale,\n    }),\n    [config.size, config.disabled, config.bordered, config.locale, parent],\n  )\n\n  return <SgConfigContext.Provider value={merged}>{children}</SgConfigContext.Provider>\n}\n\n/** Returns the merged `SgConfig` from the nearest ancestor `ConfigProvider`. */\nexport function useConfig(): SgConfig {\n  return useContext(SgConfigContext)\n}\n\n/**\n * Resolves effective `size` and `disabled` from props, context, and explicit defaults.\n * Returns the original props plus `resolvedSize` and `resolvedDisabled` for consumers.\n */\nexport function useConfigWithDefaults<T extends Record<string, unknown>>(\n  props: T,\n  defaults: { size?: SizeType; disabled?: boolean; bordered?: boolean },\n): T & { resolvedSize: SizeType; resolvedDisabled: boolean } {\n  const config = useContext(SgConfigContext)\n\n  return useMemo(() => {\n    const resolvedSize =\n      (props as Record<string, unknown>).size as SizeType | undefined ??\n      config.size ??\n      defaults.size ??\n      'middle'\n    const resolvedDisabled =\n      ((props as Record<string, unknown>).disabled as boolean | undefined) ??\n      config.disabled ??\n      defaults.disabled ??\n      false\n\n    return { ...props, resolvedSize, resolvedDisabled }\n  }, [props, config.size, config.disabled, defaults.size, defaults.disabled])\n}\n","import React from 'react'\nimport { useConfig } from '../ConfigProvider'\nimport type { BaseComponentProps, InteractiveProps } from '../../types'\nimport { Spin } from './Spin'\n\n/** Props for the Checkbox component. */\nexport interface CheckboxProps extends BaseComponentProps, InteractiveProps {\n  /** Controlled checked state. */\n  checked?: boolean\n  /** Uncontrolled initial checked state. */\n  defaultChecked?: boolean\n  /** Renders the native checkbox in indeterminate state. */\n  indeterminate?: boolean\n  /** Called when the checked state changes. */\n  onChange?: (checked: boolean) => void\n  /** Label content beside the control. */\n  children?: React.ReactNode\n}\n\n/** Labeled checkbox with indeterminate support and optional loading state. */\nexport function Checkbox({\n  checked,\n  defaultChecked,\n  disabled: disabledProp,\n  loading,\n  indeterminate,\n  onChange,\n  children,\n  className,\n  style,\n  unstyled,\n}: CheckboxProps) {\n  const config = useConfig()\n  const disabled = disabledProp ?? config.disabled ?? false\n\n  const inputRef = React.useRef<HTMLInputElement>(null)\n\n  React.useEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.indeterminate = indeterminate ?? false\n    }\n  }, [indeterminate])\n\n  const wrapperClass = unstyled\n    ? (className ?? '')\n    : [\n        'sg-checkbox',\n        disabled || loading ? 'sg-checkbox-disabled' : '',\n        loading ? 'sg-checkbox-loading' : '',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')\n\n  return (\n    <label className={wrapperClass} style={style}>\n      <input\n        ref={inputRef}\n        type=\"checkbox\"\n        aria-checked={checked}\n        className={unstyled ? '' : 'sg-checkbox-input'}\n        checked={checked}\n        defaultChecked={defaultChecked}\n        disabled={disabled || loading}\n        onChange={(e) => onChange?.(e.target.checked)}\n      />\n      {!unstyled && <span className=\"sg-checkbox-box\" aria-hidden />}\n      {children && <span className={unstyled ? '' : 'sg-checkbox-label'}>{children}</span>}\n      {loading && <Spin size=\"small\" unstyled={unstyled} />}\n    </label>\n  )\n}\n","import { useState, useCallback, useRef } from 'react'\nimport type { CellPosition, CellRange, CellValue, DataGridColumn } from './types'\n\n/**\n * Holds active cell, edit session, range selection, column width, and column order state for `DataGrid`.\n */\nexport function useDataGridState<R>(columns: DataGridColumn<R>[], data: R[]) {\n  const [activeCell, setActiveCell] = useState<CellPosition | null>(null)\n  const [editingCell, setEditingCell] = useState<CellPosition | null>(null)\n  const [selection, setSelection] = useState<CellRange | null>(null)\n  const [columnWidths, setColumnWidths] = useState<Map<string, number>>(() => {\n    const map = new Map<string, number>()\n    for (const col of columns) {\n      if (col.width) map.set(col.key, col.width)\n    }\n    return map\n  })\n  const [columnOrder, setColumnOrder] = useState<string[] | null>(null)\n\n  const editValueRef = useRef<CellValue>(undefined)\n  const dragColumnRef = useRef<string | null>(null)\n\n  const startEditing = useCallback(\n    (pos: CellPosition) => {\n      const col = columns[pos.col]\n      if (!col) return\n\n      const isEditable =\n        typeof col.editable === 'function'\n          ? col.editable(data[pos.row], pos.row)\n          : col.editable !== false\n\n      if (!isEditable) return\n\n      editValueRef.current = (data[pos.row] as Record<string, unknown>)[col.key] as CellValue\n      setEditingCell(pos)\n    },\n    [columns, data],\n  )\n\n  const stopEditing = useCallback(() => {\n    setEditingCell(null)\n    editValueRef.current = undefined\n  }, [])\n\n  const navigate = useCallback(\n    (\n      from: CellPosition,\n      direction: 'up' | 'down' | 'left' | 'right',\n      shiftKey = false,\n    ): CellPosition => {\n      let { row, col } = from\n      switch (direction) {\n        case 'up':\n          row = Math.max(0, row - 1)\n          break\n        case 'down':\n          row = Math.min(data.length - 1, row + 1)\n          break\n        case 'left':\n          col = Math.max(0, col - 1)\n          break\n        case 'right':\n          col = Math.min(columns.length - 1, col + 1)\n          break\n      }\n      const next = { row, col }\n\n      if (shiftKey) {\n        setSelection((prev) => ({\n          start: prev?.start ?? from,\n          end: next,\n        }))\n      } else {\n        setSelection(null)\n      }\n\n      setActiveCell(next)\n      return next\n    },\n    [data.length, columns.length],\n  )\n\n  const resizeColumn = useCallback(\n    (key: string, width: number) => {\n      const col = columns.find((c) => c.key === key)\n      const minW = col?.minWidth ?? 50\n      const maxW = col?.maxWidth ?? Infinity\n      const clamped = Math.max(minW, Math.min(maxW, width))\n      setColumnWidths((prev) => new Map(prev).set(key, clamped))\n    },\n    [columns],\n  )\n\n  const getColumnWidth = useCallback(\n    (key: string): number => {\n      return columnWidths.get(key) ?? columns.find((c) => c.key === key)?.width ?? 120\n    },\n    [columnWidths, columns],\n  )\n\n  const reorderColumns = useCallback(\n    (fromKey: string, toKey: string) => {\n      const order = columnOrder ?? columns.map((c) => c.key)\n      const fromIdx = order.indexOf(fromKey)\n      const toIdx = order.indexOf(toKey)\n      if (fromIdx === -1 || toIdx === -1 || fromIdx === toIdx) return order\n      const next = [...order]\n      const [moved] = next.splice(fromIdx, 1)\n      next.splice(toIdx, 0, moved)\n      setColumnOrder(next)\n      return next\n    },\n    [columnOrder, columns],\n  )\n\n  return {\n    activeCell,\n    setActiveCell,\n    editingCell,\n    startEditing,\n    stopEditing,\n    editValueRef,\n    selection,\n    setSelection,\n    navigate,\n    resizeColumn,\n    getColumnWidth,\n    columnOrder,\n    setColumnOrder,\n    reorderColumns,\n    dragColumnRef,\n  }\n}\n"],"mappings":"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","names":["import_react","import_react","import_react","import_jsx_runtime","React","import_react","import_jsx_runtime","React","import_react","import_jsx_runtime","React"]}
+{"version":3,"sources":["../src/datagrid.ts","../src/components/complex/DataGrid/DataGrid.tsx","../src/hooks/useVirtualScroll.ts","../src/components/ui/Spin.tsx","../src/components/ConfigProvider.tsx","../src/components/ui/Checkbox.tsx","../src/components/complex/DataGrid/useDataGridState.ts"],"sourcesContent":["export { DataGrid } from './components/complex/DataGrid'\nexport type {\n  DataGridProps,\n  DataGridRef,\n  DataGridColumn,\n  DataGridLocale,\n  CellEditorProps,\n  CellPosition,\n  CellRange,\n  CellValue,\n} from './components/complex/DataGrid'\n","import React, {\n  forwardRef,\n  useImperativeHandle,\n  useCallback,\n  useRef,\n  useMemo,\n  useState,\n} from 'react'\nimport { useVirtualScroll } from '../../../hooks/useVirtualScroll'\nimport { Spin } from '../../ui/Spin'\nimport { Checkbox } from '../../ui/Checkbox'\nimport { useDataGridState } from './useDataGridState'\nimport type {\n  DataGridProps,\n  DataGridRef,\n  CellPosition,\n  CellValue,\n  DataGridColumn,\n  CellEditorProps,\n  DataGridContextMenuItem,\n} from './types'\n\nconst cls = {\n  root: 'sg-datagrid',\n  header: 'sg-datagrid-header',\n  headerCell: 'sg-datagrid-header-cell',\n  body: 'sg-datagrid-body',\n  row: 'sg-datagrid-row',\n  rowEven: 'sg-datagrid-row--even',\n  rowOdd: 'sg-datagrid-row--odd',\n  rowHoverable: 'sg-datagrid-row--hoverable',\n  rowSelected: 'sg-datagrid-row--selected',\n  cell: 'sg-datagrid-cell',\n  cellActive: 'sg-datagrid-cell--active',\n  cellEditing: 'sg-datagrid-cell--editing',\n  cellSelected: 'sg-datagrid-cell--selected',\n  frozen: 'sg-datagrid-cell--frozen',\n  sortable: 'sg-datagrid-header-cell--sortable',\n  sortAsc: 'sg-datagrid-header-cell--asc',\n  sortDesc: 'sg-datagrid-header-cell--desc',\n  resizer: 'sg-datagrid-resizer',\n  empty: 'sg-datagrid-empty',\n  summary: 'sg-datagrid-summary',\n  summaryRow: 'sg-datagrid-summary-row',\n  summaryCell: 'sg-datagrid-summary-cell',\n  contextMenu: 'sg-datagrid-context-menu',\n  contextMenuItem: 'sg-datagrid-context-menu-item',\n  contextMenuDanger: 'sg-datagrid-context-menu-item--danger',\n  contextMenuDisabled: 'sg-datagrid-context-menu-item--disabled',\n  contextMenuDivider: 'sg-datagrid-context-menu-divider',\n  loading: 'sg-datagrid-loading',\n  selectionCell: 'sg-datagrid-selection-cell',\n  rowNumberCell: 'sg-datagrid-row-number-cell',\n  headerDragOver: 'sg-datagrid-header-cell--drag-over',\n}\n\nconst SELECTION_COL_WIDTH = 40\nconst ROW_NUMBER_COL_WIDTH = 48\n\nfunction DefaultEditor({ value, onChange, onCommit, onCancel }: CellEditorProps) {\n  return (\n    <input\n      autoFocus\n      defaultValue={value == null ? '' : String(value)}\n      onChange={(e) => onChange(e.target.value)}\n      onBlur={onCommit}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') onCommit()\n        if (e.key === 'Escape') onCancel()\n      }}\n      style={{\n        width: '100%',\n        height: '100%',\n        border: 'none',\n        outline: 'none',\n        padding: '0 8px',\n        background: 'transparent',\n        font: 'inherit',\n      }}\n    />\n  )\n}\n\nfunction isCellInRange(\n  row: number,\n  col: number,\n  range: { start: CellPosition; end: CellPosition } | null,\n): boolean {\n  if (!range) return false\n  const minRow = Math.min(range.start.row, range.end.row)\n  const maxRow = Math.max(range.start.row, range.end.row)\n  const minCol = Math.min(range.start.col, range.end.col)\n  const maxCol = Math.max(range.start.col, range.end.col)\n  return row >= minRow && row <= maxRow && col >= minCol && col <= maxCol\n}\n\nfunction ContextMenuPopup({\n  items,\n  position,\n  onClose,\n}: {\n  items: DataGridContextMenuItem[]\n  position: { x: number; y: number }\n  onClose: () => void\n}) {\n  const ref = useRef<HTMLDivElement>(null)\n\n  React.useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) onClose()\n    }\n    document.addEventListener('mousedown', handler)\n    return () => document.removeEventListener('mousedown', handler)\n  }, [onClose])\n\n  // Only the coordinates are runtime-computed; visuals (z-index, padding,\n  // colours, hover, danger/disabled state) live in\n  // `packages/styles/components/context-menu.css` under\n  // `.sg-datagrid-context-menu*`.\n  return (\n    <div\n      ref={ref}\n      className={cls.contextMenu}\n      style={{ position: 'fixed', top: position.y, left: position.x }}\n    >\n      {items.map((item) =>\n        item.divider ? (\n          <div key={item.key} className={cls.contextMenuDivider} />\n        ) : (\n          <div\n            key={item.key}\n            className={[\n              cls.contextMenuItem,\n              item.danger ? cls.contextMenuDanger : '',\n              item.disabled ? cls.contextMenuDisabled : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={() => {\n              if (!item.disabled) {\n                item.onClick()\n                onClose()\n              }\n            }}\n          >\n            {item.label}\n          </div>\n        ),\n      )}\n    </div>\n  )\n}\n\nfunction DataGridInner<R extends Record<string, unknown>>(\n  props: DataGridProps<R>,\n  ref: React.ForwardedRef<DataGridRef>,\n) {\n  const {\n    columns,\n    data,\n    rowKey,\n    rowHeight = 36,\n    headerHeight = 40,\n    width = '100%',\n    height = 400,\n    className,\n    style,\n    onCellEdit,\n    sortColumn,\n    sortDirection,\n    onSort,\n    onCopy,\n    onPaste,\n    overscan = 5,\n    locale,\n    rowSelection,\n    selectedRows,\n    onSelectedRowsChange,\n    striped,\n    highlightOnHover = true,\n    showRowNumber,\n    summaryRows,\n    cellClassName,\n    cellStyle: cellStyleFn,\n    columnReorder,\n    onColumnOrderChange,\n    onContextMenu,\n    onRowClick,\n    onRowDoubleClick,\n    rowClassName,\n    loading,\n    emptyContent,\n  } = props\n\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  const state = useDataGridState(columns, data)\n  const {\n    activeCell,\n    setActiveCell,\n    editingCell,\n    startEditing,\n    stopEditing,\n    editValueRef,\n    selection,\n    navigate,\n    resizeColumn,\n    getColumnWidth,\n    columnOrder,\n    reorderColumns,\n    dragColumnRef,\n  } = state\n\n  const [ctxMenu, setCtxMenu] = useState<{\n    items: DataGridContextMenuItem[]\n    position: { x: number; y: number }\n  } | null>(null)\n\n  const [dragOverCol, setDragOverCol] = useState<string | null>(null)\n\n  const {\n    range,\n    containerRef: scrollRef,\n    scrollToIndex,\n  } = useVirtualScroll({\n    itemCount: data.length,\n    itemHeight: rowHeight,\n    overscan,\n  })\n\n  const getRowKey = useCallback(\n    (row: R, index: number): React.Key => {\n      if (typeof rowKey === 'function') return rowKey(row, index)\n      return row[rowKey] as React.Key\n    },\n    [rowKey],\n  )\n\n  const frozenLeft = useMemo(() => columns.filter((c) => c.frozen === 'left'), [columns])\n  const frozenRight = useMemo(() => columns.filter((c) => c.frozen === 'right'), [columns])\n  const scrollable = useMemo(() => columns.filter((c) => !c.frozen), [columns])\n\n  const orderedColumns = useMemo(() => {\n    const base = [...frozenLeft, ...scrollable, ...frozenRight]\n    if (!columnOrder) return base\n    const map = new Map(base.map((c) => [c.key, c]))\n    const ordered: DataGridColumn<R>[] = []\n    for (const key of columnOrder) {\n      const col = map.get(key)\n      if (col) ordered.push(col)\n    }\n    for (const col of base) {\n      if (!columnOrder.includes(col.key)) ordered.push(col)\n    }\n    return ordered\n  }, [frozenLeft, scrollable, frozenRight, columnOrder])\n\n  const extraColsWidth =\n    (rowSelection ? SELECTION_COL_WIDTH : 0) + (showRowNumber ? ROW_NUMBER_COL_WIDTH : 0)\n\n  const totalWidth = useMemo(\n    () => orderedColumns.reduce((sum, col) => sum + getColumnWidth(col.key), 0) + extraColsWidth,\n    [orderedColumns, getColumnWidth, extraColsWidth],\n  )\n\n  const allSelected = useMemo(() => {\n    if (!selectedRows || data.length === 0) return false\n    return data.every((row, i) => selectedRows.has(getRowKey(row, i)))\n  }, [selectedRows, data, getRowKey])\n\n  const someSelected = useMemo(() => {\n    if (!selectedRows || data.length === 0) return false\n    const count = data.filter((row, i) => selectedRows.has(getRowKey(row, i))).length\n    return count > 0 && count < data.length\n  }, [selectedRows, data, getRowKey])\n\n  const handleSelectAll = useCallback(() => {\n    if (!onSelectedRowsChange) return\n    if (allSelected) {\n      onSelectedRowsChange(new Set())\n    } else {\n      const all = new Set<React.Key>(data.map((row, i) => getRowKey(row, i)))\n      onSelectedRowsChange(all)\n    }\n  }, [allSelected, data, getRowKey, onSelectedRowsChange])\n\n  const handleSelectRow = useCallback(\n    (row: R, index: number) => {\n      if (!onSelectedRowsChange || !selectedRows) return\n      const key = getRowKey(row, index)\n      const next = new Set(selectedRows)\n      if (next.has(key)) next.delete(key)\n      else next.add(key)\n      onSelectedRowsChange(next)\n    },\n    [getRowKey, onSelectedRowsChange, selectedRows],\n  )\n\n  const handleCellClick = useCallback(\n    (rowIndex: number, colIndex: number) => {\n      if (editingCell) {\n        if (onCellEdit && editValueRef.current !== undefined) {\n          onCellEdit(editingCell.row, orderedColumns[editingCell.col].key, editValueRef.current)\n        }\n        stopEditing()\n      }\n      setActiveCell({ row: rowIndex, col: colIndex })\n    },\n    [editingCell, onCellEdit, editValueRef, orderedColumns, stopEditing, setActiveCell],\n  )\n\n  const handleCellDoubleClick = useCallback(\n    (rowIndex: number, colIndex: number) => {\n      startEditing({ row: rowIndex, col: colIndex })\n    },\n    [startEditing],\n  )\n\n  const handleCommitEdit = useCallback(() => {\n    if (editingCell && onCellEdit && editValueRef.current !== undefined) {\n      onCellEdit(editingCell.row, orderedColumns[editingCell.col].key, editValueRef.current)\n    }\n    stopEditing()\n  }, [editingCell, onCellEdit, editValueRef, orderedColumns, stopEditing])\n\n  const handleCancelEdit = useCallback(() => {\n    stopEditing()\n  }, [stopEditing])\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (!activeCell) return\n\n      if (editingCell) return\n\n      switch (e.key) {\n        case 'ArrowUp':\n          e.preventDefault()\n          navigate(activeCell, 'up', e.shiftKey)\n          break\n        case 'ArrowDown':\n          e.preventDefault()\n          navigate(activeCell, 'down', e.shiftKey)\n          break\n        case 'ArrowLeft':\n          e.preventDefault()\n          navigate(activeCell, 'left', e.shiftKey)\n          break\n        case 'ArrowRight':\n          e.preventDefault()\n          navigate(activeCell, 'right', e.shiftKey)\n          break\n        case 'Enter':\n          e.preventDefault()\n          startEditing(activeCell)\n          break\n        case 'Tab':\n          e.preventDefault()\n          navigate(activeCell, e.shiftKey ? 'left' : 'right')\n          break\n        case 'Escape':\n          setActiveCell(null)\n          break\n        case ' ':\n          if (rowSelection && selectedRows) {\n            e.preventDefault()\n            const row = data[activeCell.row]\n            if (row) handleSelectRow(row, activeCell.row)\n          }\n          break\n        case 'a':\n          if ((e.ctrlKey || e.metaKey) && rowSelection) {\n            e.preventDefault()\n            handleSelectAll()\n          }\n          break\n        case 'c':\n          if ((e.ctrlKey || e.metaKey) && onCopy) {\n            e.preventDefault()\n            const col = orderedColumns[activeCell.col]\n            const val = data[activeCell.row]?.[col.key]\n            onCopy(val == null ? '' : String(val))\n          }\n          break\n        case 'v':\n          if ((e.ctrlKey || e.metaKey) && onPaste) {\n            e.preventDefault()\n            navigator.clipboard?.readText().then((text) => {\n              onPaste(text, activeCell)\n            })\n          }\n          break\n      }\n    },\n    [\n      activeCell,\n      editingCell,\n      navigate,\n      startEditing,\n      setActiveCell,\n      onCopy,\n      onPaste,\n      orderedColumns,\n      data,\n      rowSelection,\n      selectedRows,\n      handleSelectRow,\n      handleSelectAll,\n    ],\n  )\n\n  const handleSort = useCallback(\n    (col: DataGridColumn<R>) => {\n      if (!col.sortable || !onSort) return\n      const dir = sortColumn === col.key && sortDirection === 'asc' ? 'desc' : 'asc'\n      onSort(col.key, dir)\n    },\n    [sortColumn, sortDirection, onSort],\n  )\n\n  const handleCellContextMenu = useCallback(\n    (e: React.MouseEvent, rowIndex: number, col: DataGridColumn<R>) => {\n      if (!onContextMenu) return\n      e.preventDefault()\n      const row = data[rowIndex]\n      if (!row) return\n      const items = onContextMenu(rowIndex, col.key, row)\n      if (items.length === 0) return\n      setCtxMenu({ items, position: { x: e.clientX, y: e.clientY } })\n    },\n    [onContextMenu, data],\n  )\n\n  const handleHeaderDragStart = useCallback(\n    (e: React.DragEvent, colKey: string) => {\n      if (!columnReorder) return\n      dragColumnRef.current = colKey\n      e.dataTransfer.effectAllowed = 'move'\n    },\n    [columnReorder, dragColumnRef],\n  )\n\n  const handleHeaderDragOver = useCallback(\n    (e: React.DragEvent, colKey: string) => {\n      if (!columnReorder || !dragColumnRef.current) return\n      e.preventDefault()\n      setDragOverCol(colKey)\n    },\n    [columnReorder, dragColumnRef],\n  )\n\n  const handleHeaderDrop = useCallback(\n    (e: React.DragEvent, colKey: string) => {\n      e.preventDefault()\n      if (!columnReorder || !dragColumnRef.current) return\n      const newOrder = reorderColumns(dragColumnRef.current, colKey)\n      dragColumnRef.current = null\n      setDragOverCol(null)\n      onColumnOrderChange?.(newOrder)\n    },\n    [columnReorder, dragColumnRef, reorderColumns, onColumnOrderChange],\n  )\n\n  const handleHeaderDragEnd = useCallback(() => {\n    dragColumnRef.current = null\n    setDragOverCol(null)\n  }, [dragColumnRef])\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      scrollToRow: scrollToIndex,\n      scrollToColumn: () => {},\n      getActiveCell: () => activeCell,\n      setActiveCell,\n    }),\n    [scrollToIndex, activeCell, setActiveCell],\n  )\n\n  const handleResizeStart = useCallback(\n    (colKey: string, startX: number) => {\n      const startWidth = getColumnWidth(colKey)\n\n      const onMouseMove = (e: MouseEvent) => {\n        const delta = e.clientX - startX\n        resizeColumn(colKey, startWidth + delta)\n      }\n      const onMouseUp = () => {\n        document.removeEventListener('mousemove', onMouseMove)\n        document.removeEventListener('mouseup', onMouseUp)\n      }\n      document.addEventListener('mousemove', onMouseMove)\n      document.addEventListener('mouseup', onMouseUp)\n    },\n    [getColumnWidth, resizeColumn],\n  )\n\n  const renderCell = useCallback(\n    (row: R, rowIndex: number, col: DataGridColumn<R>, colIndex: number) => {\n      const isActive = activeCell?.row === rowIndex && activeCell?.col === colIndex\n      const isEditing = editingCell?.row === rowIndex && editingCell?.col === colIndex\n      const isSelected = isCellInRange(rowIndex, colIndex, selection)\n\n      const rawValue = col.formula ? col.formula(row) : (row[col.key] as CellValue)\n\n      const extraClass = cellClassName?.(rawValue, row, rowIndex, col) ?? ''\n      const extraStyle = cellStyleFn?.(rawValue, row, rowIndex, col)\n\n      const cellClassNames = [\n        cls.cell,\n        isActive ? cls.cellActive : '',\n        isEditing ? cls.cellEditing : '',\n        isSelected ? cls.cellSelected : '',\n        col.frozen ? cls.frozen : '',\n        col.className ?? '',\n        extraClass,\n      ]\n        .filter(Boolean)\n        .join(' ')\n\n      const baseCellStyle: React.CSSProperties = {\n        width: getColumnWidth(col.key),\n        minWidth: getColumnWidth(col.key),\n        textAlign: col.align ?? 'left',\n        ...extraStyle,\n      }\n\n      return (\n        <div\n          key={col.key}\n          className={cellClassNames}\n          style={baseCellStyle}\n          onClick={() => handleCellClick(rowIndex, colIndex)}\n          onDoubleClick={() => handleCellDoubleClick(rowIndex, colIndex)}\n          onContextMenu={(e) => handleCellContextMenu(e, rowIndex, col)}\n          role=\"gridcell\"\n          aria-colindex={colIndex + 1 + (rowSelection ? 1 : 0) + (showRowNumber ? 1 : 0)}\n          aria-selected={isActive || isSelected}\n        >\n          {isEditing ? (\n            (col.editor ?? (DefaultEditor as (props: CellEditorProps<R>) => React.ReactNode))({\n              value: rawValue,\n              row,\n              rowIndex,\n              column: col,\n              onChange: (v) => {\n                editValueRef.current = v\n              },\n              onCommit: handleCommitEdit,\n              onCancel: handleCancelEdit,\n            })\n          ) : col.render ? (\n            col.render(rawValue, row, rowIndex)\n          ) : (\n            <span>{rawValue == null ? '' : String(rawValue)}</span>\n          )}\n        </div>\n      )\n    },\n    [\n      activeCell,\n      editingCell,\n      selection,\n      getColumnWidth,\n      handleCellClick,\n      handleCellDoubleClick,\n      handleCommitEdit,\n      handleCancelEdit,\n      editValueRef,\n      cellClassName,\n      cellStyleFn,\n      handleCellContextMenu,\n      rowSelection,\n      showRowNumber,\n    ],\n  )\n\n  const heightValue = typeof height === 'number' ? height : undefined\n  const bodyHeight = heightValue ? heightValue - headerHeight : undefined\n\n  const rootCls = [\n    cls.root,\n    striped ? 'sg-datagrid--striped' : '',\n    loading ? 'sg-datagrid--loading' : '',\n    className ?? '',\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div\n      ref={containerRef}\n      className={rootCls}\n      style={{\n        width,\n        height,\n        display: 'flex',\n        flexDirection: 'column',\n        position: 'relative',\n        ...style,\n      }}\n      onKeyDown={handleKeyDown}\n      tabIndex={0}\n      role=\"grid\"\n      aria-rowcount={data.length}\n      aria-colcount={orderedColumns.length}\n    >\n      {/* Header */}\n      <div\n        className={cls.header}\n        style={{\n          display: 'flex',\n          height: headerHeight,\n          minHeight: headerHeight,\n          minWidth: totalWidth,\n        }}\n        role=\"row\"\n      >\n        {rowSelection && (\n          <div\n            className={`${cls.headerCell} ${cls.selectionCell}`}\n            style={{\n              width: SELECTION_COL_WIDTH,\n              minWidth: SELECTION_COL_WIDTH,\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n            }}\n            role=\"columnheader\"\n          >\n            <Checkbox\n              checked={allSelected}\n              indeterminate={someSelected}\n              onChange={handleSelectAll}\n            />\n          </div>\n        )}\n        {showRowNumber && (\n          <div\n            className={`${cls.headerCell} ${cls.rowNumberCell}`}\n            style={{\n              width: ROW_NUMBER_COL_WIDTH,\n              minWidth: ROW_NUMBER_COL_WIDTH,\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n              userSelect: 'none',\n            }}\n            role=\"columnheader\"\n          >\n            #\n          </div>\n        )}\n        {orderedColumns.map((col) => {\n          const isSorted = sortColumn === col.key\n          const headerCls = [\n            cls.headerCell,\n            col.sortable ? cls.sortable : '',\n            isSorted && sortDirection === 'asc' ? cls.sortAsc : '',\n            isSorted && sortDirection === 'desc' ? cls.sortDesc : '',\n            col.headerClassName ?? '',\n            dragOverCol === col.key ? cls.headerDragOver : '',\n          ]\n            .filter(Boolean)\n            .join(' ')\n\n          return (\n            <div\n              key={col.key}\n              className={headerCls}\n              style={{\n                width: getColumnWidth(col.key),\n                minWidth: getColumnWidth(col.key),\n                position: 'relative',\n                display: 'flex',\n                alignItems: 'center',\n                padding: '0 8px',\n                cursor: col.sortable ? 'pointer' : 'default',\n                userSelect: 'none',\n              }}\n              onClick={() => handleSort(col)}\n              draggable={!!columnReorder}\n              onDragStart={(e) => handleHeaderDragStart(e, col.key)}\n              onDragOver={(e) => handleHeaderDragOver(e, col.key)}\n              onDrop={(e) => handleHeaderDrop(e, col.key)}\n              onDragEnd={handleHeaderDragEnd}\n              onDragLeave={() => setDragOverCol(null)}\n              role=\"columnheader\"\n            >\n              {col.title}\n              {isSorted && (\n                <span style={{ marginLeft: 4, fontSize: 10 }}>\n                  {sortDirection === 'asc' ? '▲' : '▼'}\n                </span>\n              )}\n              {col.resizable !== false && (\n                <div\n                  className={cls.resizer}\n                  style={{\n                    position: 'absolute',\n                    right: 0,\n                    top: 0,\n                    bottom: 0,\n                    width: 4,\n                    cursor: 'col-resize',\n                  }}\n                  onMouseDown={(e) => {\n                    e.stopPropagation()\n                    handleResizeStart(col.key, e.clientX)\n                  }}\n                />\n              )}\n            </div>\n          )\n        })}\n      </div>\n\n      {/* Body */}\n      <div\n        ref={scrollRef as React.RefObject<HTMLDivElement>}\n        className={cls.body}\n        style={{\n          flex: 1,\n          overflow: 'auto',\n          position: 'relative',\n          height: bodyHeight,\n        }}\n      >\n        {data.length === 0 ? (\n          <div className={cls.empty} style={{ padding: 24, textAlign: 'center' }}>\n            {emptyContent ?? locale?.noData ?? 'No data'}\n          </div>\n        ) : (\n          <div style={{ height: range.totalHeight, position: 'relative', minWidth: totalWidth }}>\n            {range.visibleItems.map((vi) => {\n              const row = data[vi.index]\n              if (!row) return null\n              const rKey = getRowKey(row, vi.index)\n              const isRowSelected = selectedRows?.has(rKey) ?? false\n              const rowExtraClass =\n                typeof rowClassName === 'function'\n                  ? rowClassName(row, vi.index)\n                  : (rowClassName ?? '')\n\n              const rowCls = [\n                cls.row,\n                striped ? (vi.index % 2 === 0 ? cls.rowEven : cls.rowOdd) : '',\n                highlightOnHover ? cls.rowHoverable : '',\n                isRowSelected ? cls.rowSelected : '',\n                rowExtraClass,\n              ]\n                .filter(Boolean)\n                .join(' ')\n\n              return (\n                <div\n                  key={rKey}\n                  className={rowCls}\n                  style={{\n                    display: 'flex',\n                    position: 'absolute',\n                    top: vi.offsetTop,\n                    height: vi.height,\n                    width: '100%',\n                  }}\n                  role=\"row\"\n                  aria-rowindex={vi.index + 1}\n                  aria-selected={isRowSelected}\n                  onClick={() => onRowClick?.(row, vi.index)}\n                  onDoubleClick={() => onRowDoubleClick?.(row, vi.index)}\n                >\n                  {rowSelection && (\n                    <div\n                      className={`${cls.cell} ${cls.selectionCell}`}\n                      style={{\n                        width: SELECTION_COL_WIDTH,\n                        minWidth: SELECTION_COL_WIDTH,\n                        display: 'flex',\n                        alignItems: 'center',\n                        justifyContent: 'center',\n                      }}\n                      onClick={(e) => e.stopPropagation()}\n                    >\n                      <Checkbox\n                        checked={isRowSelected}\n                        onChange={() => handleSelectRow(row, vi.index)}\n                      />\n                    </div>\n                  )}\n                  {showRowNumber && (\n                    <div\n                      className={`${cls.cell} ${cls.rowNumberCell}`}\n                      style={{\n                        width: ROW_NUMBER_COL_WIDTH,\n                        minWidth: ROW_NUMBER_COL_WIDTH,\n                        display: 'flex',\n                        alignItems: 'center',\n                        justifyContent: 'center',\n                        color: 'var(--sg-color-text-tertiary, #999)',\n                      }}\n                    >\n                      {vi.index + 1}\n                    </div>\n                  )}\n                  {orderedColumns.map((col, ci) => renderCell(row, vi.index, col, ci))}\n                </div>\n              )\n            })}\n          </div>\n        )}\n      </div>\n\n      {/* Summary Footer */}\n      {summaryRows && summaryRows.length > 0 && data.length > 0 && (\n        <div className={cls.summary} style={{ minWidth: totalWidth }}>\n          {summaryRows.map((sr, sri) => (\n            <div\n              key={sri}\n              className={`${cls.summaryRow} ${sr.className ?? ''}`}\n              style={{ display: 'flex', height: rowHeight }}\n            >\n              {rowSelection && (\n                <div\n                  className={`${cls.summaryCell}`}\n                  style={{ width: SELECTION_COL_WIDTH, minWidth: SELECTION_COL_WIDTH }}\n                />\n              )}\n              {showRowNumber && (\n                <div\n                  className={`${cls.summaryCell}`}\n                  style={{ width: ROW_NUMBER_COL_WIDTH, minWidth: ROW_NUMBER_COL_WIDTH }}\n                />\n              )}\n              {orderedColumns.map((col) => (\n                <div\n                  key={col.key}\n                  className={cls.summaryCell}\n                  style={{\n                    width: getColumnWidth(col.key),\n                    minWidth: getColumnWidth(col.key),\n                    textAlign: col.align ?? 'left',\n                  }}\n                >\n                  {sr.render(col.key, data)}\n                </div>\n              ))}\n            </div>\n          ))}\n        </div>\n      )}\n\n      {/* Context Menu */}\n      {ctxMenu && (\n        <ContextMenuPopup\n          items={ctxMenu.items}\n          position={ctxMenu.position}\n          onClose={() => setCtxMenu(null)}\n        />\n      )}\n\n      {/* Loading */}\n      {loading && (\n        <div\n          className={cls.loading}\n          style={{\n            position: 'absolute',\n            inset: 0,\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            background: 'rgba(255,255,255,0.6)',\n            zIndex: 10,\n          }}\n        >\n          <Spin size=\"large\" />\n        </div>\n      )}\n    </div>\n  )\n}\n\n/**\n * Virtualized table grid with sortable headers, resizable columns, inline editing,\n * row selection, striped rows, summary footer, context menu, column reorder, and clipboard hooks.\n */\nexport const DataGrid = forwardRef(DataGridInner) as <R extends Record<string, unknown>>(\n  props: DataGridProps<R> & { ref?: React.Ref<DataGridRef> },\n) => React.ReactElement\n","import { useState, useCallback, useRef, useEffect, useMemo } from 'react'\nimport { createVirtual } from '@skygraph/core'\nimport type { VirtualEngine, VirtualRange } from '@skygraph/core'\n\nexport interface UseVirtualScrollOptions {\n  itemCount: number\n  itemHeight: number | ((index: number) => number)\n  overscan?: number\n}\n\nexport interface UseVirtualScrollReturn {\n  range: VirtualRange\n  containerRef: React.RefObject<HTMLElement | null>\n  scrollToIndex: (index: number, align?: 'start' | 'center' | 'end') => void\n  engine: VirtualEngine\n}\n\nexport function useVirtualScroll(options: UseVirtualScrollOptions): UseVirtualScrollReturn {\n  const containerRef = useRef<HTMLElement | null>(null)\n  const engineRef = useRef<VirtualEngine | null>(null)\n\n  if (!engineRef.current) {\n    engineRef.current = createVirtual({\n      itemCount: options.itemCount,\n      itemHeight: options.itemHeight,\n      overscan: options.overscan,\n    })\n  }\n\n  const engine = engineRef.current\n\n  useEffect(() => {\n    engine.setItemCount(options.itemCount)\n  }, [engine, options.itemCount])\n\n  useEffect(() => {\n    engine.setItemHeight(options.itemHeight)\n  }, [engine, options.itemHeight])\n\n  const [range, setRange] = useState<VirtualRange>(() =>\n    engine.getRange(0, 0),\n  )\n\n  const recalc = useCallback(() => {\n    const el = containerRef.current\n    if (!el) return\n    setRange(engine.getRange(el.scrollTop, el.clientHeight))\n  }, [engine])\n\n  useEffect(() => {\n    const el = containerRef.current\n    if (!el) return\n\n    recalc()\n\n    el.addEventListener('scroll', recalc, { passive: true })\n    const ro = new ResizeObserver(recalc)\n    ro.observe(el)\n\n    return () => {\n      el.removeEventListener('scroll', recalc)\n      ro.disconnect()\n    }\n  }, [recalc])\n\n  useEffect(() => {\n    recalc()\n  }, [options.itemCount, recalc])\n\n  const scrollToIndex = useCallback(\n    (index: number, align: 'start' | 'center' | 'end' = 'start') => {\n      const el = containerRef.current\n      if (!el) return\n      el.scrollTop = engine.scrollToIndex(index, el.clientHeight, align)\n    },\n    [engine],\n  )\n\n  return useMemo(\n    () => ({ range, containerRef, scrollToIndex, engine }),\n    [range, scrollToIndex, engine],\n  )\n}\n","import React from 'react'\nimport { useConfig } from '../ConfigProvider'\nimport type { BaseComponentProps, SizableProps } from '../../types'\n\n/** Props for loading spinner, overlay, and optional content blur. */\nexport interface SpinProps extends BaseComponentProps, SizableProps {\n  /** When `true`, shows the loading state (subject to `delay`). @default true */\n  spinning?: boolean\n  /** Milliseconds to wait before showing the spinner after `spinning` becomes true. */\n  delay?: number\n  /** Optional text below the indicator. */\n  tip?: string\n  /** When `true`, covers the viewport instead of inline or wrapping children. */\n  fullscreen?: boolean\n  /** Custom spinner node; defaults to a styled status element. */\n  indicator?: React.ReactNode\n  /** When set, shows an overlay with blur on this content while loading. */\n  children?: React.ReactNode\n}\n\n/**\n * Loading indicator with optional delay, tip, fullscreen mode, and child overlay.\n */\nexport function Spin({\n  spinning = true,\n  size: sizeProp,\n  delay,\n  tip,\n  fullscreen,\n  indicator,\n  children,\n  className,\n  style,\n  unstyled,\n}: SpinProps) {\n  const config = useConfig()\n  const resolvedSize = sizeProp ?? config.size ?? 'middle'\n\n  const [visible, setVisible] = React.useState(delay ? false : spinning)\n\n  React.useEffect(() => {\n    if (!delay) {\n      setVisible(spinning)\n      return\n    }\n\n    if (spinning) {\n      const timer = setTimeout(() => setVisible(true), delay)\n      return () => clearTimeout(timer)\n    }\n\n    setVisible(false)\n  }, [spinning, delay])\n\n  if (!visible && !children) return null\n  if (!visible && children) return <>{children}</>\n\n  const spinSizeClass = resolvedSize === 'middle' ? 'default' : resolvedSize\n  const spinClasses = unstyled\n    ? (className ?? '')\n    : ['sg-spin', `sg-spin-${spinSizeClass}`, className].filter(Boolean).join(' ')\n\n  const spinElement = indicator ?? (\n    <span\n      className={spinClasses}\n      style={style}\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-label={config.locale?.spin?.loading ?? 'Loading'}\n    />\n  )\n\n  if (fullscreen) {\n    return (\n      <div className={unstyled ? '' : 'sg-spin-fullscreen'}>\n        <div className={unstyled ? '' : 'sg-spin-fullscreen-inner'}>\n          {spinElement}\n          {tip && <div className={unstyled ? '' : 'sg-spin-tip'}>{tip}</div>}\n        </div>\n      </div>\n    )\n  }\n\n  if (!children) {\n    return (\n      <span className={unstyled ? '' : 'sg-spin-standalone'} style={style}>\n        {spinElement}\n        {tip && <div className={unstyled ? '' : 'sg-spin-tip'}>{tip}</div>}\n      </span>\n    )\n  }\n\n  return (\n    <div className={unstyled ? '' : 'sg-spin-container'} style={style}>\n      <div className={unstyled ? '' : 'sg-spin-overlay'}>\n        {spinElement}\n        {tip && <div className={unstyled ? '' : 'sg-spin-tip'}>{tip}</div>}\n      </div>\n      <div className={visible ? (unstyled ? '' : 'sg-spin-blur') : ''}>{children}</div>\n    </div>\n  )\n}\n","import React, { createContext, useContext, useMemo } from 'react'\nimport type { SizeType, SgLocale } from '../types'\n\n/** Text/layout direction shared by descendant components. */\nexport type Direction = 'ltr' | 'rtl'\n\n/**\n * Friendly design-token overrides. Each entry is mapped to a `--sg-*` CSS\n * custom property and emitted onto a `display: contents` scope wrapper, so\n * overrides cascade to every descendant without affecting layout.\n *\n * Numeric values for length-like tokens (`borderRadius`, `fontSize`) are\n * suffixed with `px`; everything else is emitted verbatim.\n */\nexport interface SgThemeToken {\n  /** Brand / primary color → `--sg-color-primary`. */\n  colorPrimary?: string\n  /** Success color → `--sg-color-success`. */\n  colorSuccess?: string\n  /** Warning color → `--sg-color-warning`. */\n  colorWarning?: string\n  /** Error / danger color → `--sg-color-error`. */\n  colorError?: string\n  /** Base text color → `--sg-color-text`. */\n  colorText?: string\n  /** Base background color → `--sg-color-bg`. */\n  colorBg?: string\n  /** Base border color → `--sg-color-border`. */\n  colorBorder?: string\n  /** Base corner radius → `--sg-border-radius` (number ⇒ px). */\n  borderRadius?: number | string\n  /** Base font size → `--sg-font-size` (number ⇒ px). */\n  fontSize?: number | string\n  /** Base font family → `--sg-font-sans`. */\n  fontFamily?: string\n}\n\n/**\n * Theme configuration. Combines a built-in light/dark preset (`mode`),\n * friendly token overrides (`token`), and an escape hatch for raw CSS\n * variables (`cssVars`). All three are applied to a scope wrapper.\n */\nexport interface ThemeConfig {\n  /** Built-in palette preset applied via `data-sg-theme`. */\n  mode?: 'light' | 'dark'\n  /** Friendly token overrides mapped to `--sg-*` variables. */\n  token?: SgThemeToken\n  /** Raw CSS variable overrides (full names, e.g. `{ '--sg-color-link': '#f50' }`). */\n  cssVars?: Record<string, string>\n}\n\n/** Content-Security-Policy options for runtime-injected styles. */\nexport interface CSPConfig {\n  /** `nonce` attribute applied to dynamically created `<style>` tags. */\n  nonce?: string\n}\n\n/** Customizes the empty state rendered by data components (`Empty`, `Table`, …). */\nexport type RenderEmptyHandler = (componentName?: string) => React.ReactNode\n\n/**\n * Global Skygraph component configuration merged through React context.\n *\n * По `prefixCls`: сознательно НЕ входит в публичный API до реализации\n * (вариант A в `docs/styling-plan.md`, фаза 4). На практике все корневые классы\n * имеют стабильный префикс `.sg-*`; если нужна изоляция — используйте изолированный\n * скоуп на хосте (шадоу-рут/отдельный контейнер со своими токенами).\n */\nexport interface SgConfig {\n  /** Default size token for nested components. */\n  size?: SizeType\n  /** Disables interactions for nested components when true. */\n  disabled?: boolean\n  /** Enables bordered styling for nested components when true. */\n  bordered?: boolean\n  /** Text / layout direction (`ltr` by default) applied via the `dir` attribute. */\n  direction?: Direction\n  /** Locale messages shallow-merged with the parent provider when set. */\n  locale?: SgLocale\n  /** Theme preset + token overrides applied to a scope wrapper. */\n  theme?: ThemeConfig\n  /**\n   * Returns the mount node for popups (dropdowns, tooltips, pickers). Defaults\n   * to `document.body` in consumers. Useful to keep overlays inside a scrolling\n   * or scoped container.\n   */\n  getPopupContainer?: (triggerNode?: HTMLElement) => HTMLElement\n  /** Returns the scroll/target container for affix-like positioning. */\n  getTargetContainer?: () => HTMLElement\n  /** Global override for the default empty state. */\n  renderEmpty?: RenderEmptyHandler\n  /** Content-Security-Policy options for injected styles. */\n  csp?: CSPConfig\n}\n\nconst SgConfigContext = createContext<SgConfig>({})\n\n/** Props for `ConfigProvider`, extending `SgConfig` with React children. */\nexport interface ConfigProviderProps extends SgConfig {\n  /** Tree of components that consume merged configuration from this provider. */\n  children: React.ReactNode\n}\n\n/** Maps friendly token names to their `--sg-*` CSS variable. */\nconst TOKEN_TO_CSS_VAR: Record<keyof SgThemeToken, string> = {\n  colorPrimary: '--sg-color-primary',\n  colorSuccess: '--sg-color-success',\n  colorWarning: '--sg-color-warning',\n  colorError: '--sg-color-error',\n  colorText: '--sg-color-text',\n  colorBg: '--sg-color-bg',\n  colorBorder: '--sg-color-border',\n  borderRadius: '--sg-border-radius',\n  fontSize: '--sg-font-size',\n  fontFamily: '--sg-font-sans',\n}\n\n/** Token keys whose numeric values should be emitted as `px` lengths. */\nconst PX_TOKENS = new Set<keyof SgThemeToken>(['borderRadius', 'fontSize'])\n\n/** Builds a CSS-variable map from a theme's `token` + `cssVars`. */\nexport function buildThemeVars(theme?: ThemeConfig): Record<string, string> {\n  const vars: Record<string, string> = {}\n  if (!theme) return vars\n  if (theme.token) {\n    for (const key of Object.keys(theme.token) as Array<keyof SgThemeToken>) {\n      const value = theme.token[key]\n      if (value == null) continue\n      const cssVar = TOKEN_TO_CSS_VAR[key]\n      if (!cssVar) continue\n      vars[cssVar] = typeof value === 'number' && PX_TOKENS.has(key) ? `${value}px` : String(value)\n    }\n  }\n  if (theme.cssVars) {\n    for (const [name, value] of Object.entries(theme.cssVars)) {\n      if (value == null) continue\n      vars[name.startsWith('--') ? name : `--${name}`] = String(value)\n    }\n  }\n  return vars\n}\n\n/** Shallow-merges a parent and child theme (`token` / `cssVars` merged key-wise). */\nfunction mergeTheme(parent?: ThemeConfig, child?: ThemeConfig): ThemeConfig | undefined {\n  if (!parent) return child\n  if (!child) return parent\n  return {\n    mode: child.mode ?? parent.mode,\n    token: { ...parent.token, ...child.token },\n    cssVars: { ...parent.cssVars, ...child.cssVars },\n  }\n}\n\n/**\n * Merges Skygraph configuration with any parent provider and exposes it via context.\n * Descendants read values through `useConfig` or `useConfigWithDefaults`.\n *\n * When `theme` or `direction` is set, children are wrapped in a `display: contents`\n * element that carries the `dir`/`data-sg-theme` attributes and CSS variables, so\n * the scope inherits without introducing an extra layout box.\n */\nexport function ConfigProvider({ children, ...config }: ConfigProviderProps) {\n  const parent = useContext(SgConfigContext)\n\n  const merged = useMemo<SgConfig>(\n    () => ({\n      size: config.size ?? parent.size,\n      disabled: config.disabled ?? parent.disabled,\n      bordered: config.bordered ?? parent.bordered,\n      direction: config.direction ?? parent.direction,\n      locale: config.locale\n        ? parent.locale\n          ? { ...parent.locale, ...config.locale }\n          : config.locale\n        : parent.locale,\n      theme: mergeTheme(parent.theme, config.theme),\n      getPopupContainer: config.getPopupContainer ?? parent.getPopupContainer,\n      getTargetContainer: config.getTargetContainer ?? parent.getTargetContainer,\n      renderEmpty: config.renderEmpty ?? parent.renderEmpty,\n      csp: config.csp ?? parent.csp,\n    }),\n    [\n      config.size,\n      config.disabled,\n      config.bordered,\n      config.direction,\n      config.locale,\n      config.theme,\n      config.getPopupContainer,\n      config.getTargetContainer,\n      config.renderEmpty,\n      config.csp,\n      parent,\n    ],\n  )\n\n  // Only the *own* props are emitted to the DOM scope; CSS variables and the\n  // `dir` attribute cascade to descendants, so nested providers stay correct.\n  const ownVars = useMemo(() => buildThemeVars(config.theme), [config.theme])\n  const mode = config.theme?.mode\n  const direction = config.direction\n  const needsScope = Boolean(direction || mode || Object.keys(ownVars).length > 0)\n\n  const content = needsScope ? (\n    <div\n      className=\"sg-config-provider\"\n      style={{ display: 'contents', ...ownVars } as React.CSSProperties}\n      dir={direction}\n      data-sg-theme={mode}\n    >\n      {children}\n    </div>\n  ) : (\n    children\n  )\n\n  return <SgConfigContext.Provider value={merged}>{content}</SgConfigContext.Provider>\n}\n\n/** Returns the merged `SgConfig` from the nearest ancestor `ConfigProvider`. */\nexport function useConfig(): SgConfig {\n  return useContext(SgConfigContext)\n}\n\n/**\n * Resolves effective `size`, `disabled`, and `direction` from props, context,\n * and explicit defaults. Returns the original props plus the resolved values.\n */\nexport function useConfigWithDefaults<T extends Record<string, unknown>>(\n  props: T,\n  defaults: { size?: SizeType; disabled?: boolean; bordered?: boolean; direction?: Direction },\n): T & { resolvedSize: SizeType; resolvedDisabled: boolean; resolvedDirection: Direction } {\n  const config = useContext(SgConfigContext)\n\n  return useMemo(() => {\n    const resolvedSize =\n      ((props as Record<string, unknown>).size as SizeType | undefined) ??\n      config.size ??\n      defaults.size ??\n      'middle'\n    const resolvedDisabled =\n      ((props as Record<string, unknown>).disabled as boolean | undefined) ??\n      config.disabled ??\n      defaults.disabled ??\n      false\n    const resolvedDirection =\n      ((props as Record<string, unknown>).direction as Direction | undefined) ??\n      config.direction ??\n      defaults.direction ??\n      'ltr'\n\n    return { ...props, resolvedSize, resolvedDisabled, resolvedDirection }\n  }, [\n    props,\n    config.size,\n    config.disabled,\n    config.direction,\n    defaults.size,\n    defaults.disabled,\n    defaults.direction,\n  ])\n}\n","import React from 'react'\nimport { useConfig } from '../ConfigProvider'\nimport type { BaseComponentProps, InteractiveProps } from '../../types'\nimport { Spin } from './Spin'\n\n/** Props for the Checkbox component. */\nexport interface CheckboxProps extends BaseComponentProps, InteractiveProps {\n  /** Controlled checked state. */\n  checked?: boolean\n  /** Uncontrolled initial checked state. */\n  defaultChecked?: boolean\n  /** Renders the native checkbox in indeterminate state. */\n  indeterminate?: boolean\n  /** Called when the checked state changes. */\n  onChange?: (checked: boolean) => void\n  /** Label content beside the control. */\n  children?: React.ReactNode\n}\n\n/** Labeled checkbox with indeterminate support and optional loading state. */\nexport function Checkbox({\n  checked,\n  defaultChecked,\n  disabled: disabledProp,\n  loading,\n  indeterminate,\n  onChange,\n  children,\n  className,\n  style,\n  unstyled,\n}: CheckboxProps) {\n  const config = useConfig()\n  const disabled = disabledProp ?? config.disabled ?? false\n\n  const inputRef = React.useRef<HTMLInputElement>(null)\n\n  React.useEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.indeterminate = indeterminate ?? false\n    }\n  }, [indeterminate])\n\n  const wrapperClass = unstyled\n    ? (className ?? '')\n    : [\n        'sg-checkbox',\n        disabled || loading ? 'sg-checkbox-disabled' : '',\n        loading ? 'sg-checkbox-loading' : '',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')\n\n  return (\n    <label className={wrapperClass} style={style}>\n      <input\n        ref={inputRef}\n        type=\"checkbox\"\n        aria-checked={checked}\n        className={unstyled ? '' : 'sg-checkbox-input'}\n        checked={checked}\n        defaultChecked={defaultChecked}\n        disabled={disabled || loading}\n        onChange={(e) => onChange?.(e.target.checked)}\n      />\n      {!unstyled && <span className=\"sg-checkbox-box\" aria-hidden />}\n      {children && <span className={unstyled ? '' : 'sg-checkbox-label'}>{children}</span>}\n      {loading && <Spin size=\"small\" unstyled={unstyled} />}\n    </label>\n  )\n}\n","import { useState, useCallback, useRef } from 'react'\nimport type { CellPosition, CellRange, CellValue, DataGridColumn } from './types'\n\n/**\n * Holds active cell, edit session, range selection, column width, and column order state for `DataGrid`.\n */\nexport function useDataGridState<R>(columns: DataGridColumn<R>[], data: R[]) {\n  const [activeCell, setActiveCell] = useState<CellPosition | null>(null)\n  const [editingCell, setEditingCell] = useState<CellPosition | null>(null)\n  const [selection, setSelection] = useState<CellRange | null>(null)\n  const [columnWidths, setColumnWidths] = useState<Map<string, number>>(() => {\n    const map = new Map<string, number>()\n    for (const col of columns) {\n      if (col.width) map.set(col.key, col.width)\n    }\n    return map\n  })\n  const [columnOrder, setColumnOrder] = useState<string[] | null>(null)\n\n  const editValueRef = useRef<CellValue>(undefined)\n  const dragColumnRef = useRef<string | null>(null)\n\n  const startEditing = useCallback(\n    (pos: CellPosition) => {\n      const col = columns[pos.col]\n      if (!col) return\n\n      const isEditable =\n        typeof col.editable === 'function'\n          ? col.editable(data[pos.row], pos.row)\n          : col.editable !== false\n\n      if (!isEditable) return\n\n      editValueRef.current = (data[pos.row] as Record<string, unknown>)[col.key] as CellValue\n      setEditingCell(pos)\n    },\n    [columns, data],\n  )\n\n  const stopEditing = useCallback(() => {\n    setEditingCell(null)\n    editValueRef.current = undefined\n  }, [])\n\n  const navigate = useCallback(\n    (\n      from: CellPosition,\n      direction: 'up' | 'down' | 'left' | 'right',\n      shiftKey = false,\n    ): CellPosition => {\n      let { row, col } = from\n      switch (direction) {\n        case 'up':\n          row = Math.max(0, row - 1)\n          break\n        case 'down':\n          row = Math.min(data.length - 1, row + 1)\n          break\n        case 'left':\n          col = Math.max(0, col - 1)\n          break\n        case 'right':\n          col = Math.min(columns.length - 1, col + 1)\n          break\n      }\n      const next = { row, col }\n\n      if (shiftKey) {\n        setSelection((prev) => ({\n          start: prev?.start ?? from,\n          end: next,\n        }))\n      } else {\n        setSelection(null)\n      }\n\n      setActiveCell(next)\n      return next\n    },\n    [data.length, columns.length],\n  )\n\n  const resizeColumn = useCallback(\n    (key: string, width: number) => {\n      const col = columns.find((c) => c.key === key)\n      const minW = col?.minWidth ?? 50\n      const maxW = col?.maxWidth ?? Infinity\n      const clamped = Math.max(minW, Math.min(maxW, width))\n      setColumnWidths((prev) => new Map(prev).set(key, clamped))\n    },\n    [columns],\n  )\n\n  const getColumnWidth = useCallback(\n    (key: string): number => {\n      return columnWidths.get(key) ?? columns.find((c) => c.key === key)?.width ?? 120\n    },\n    [columnWidths, columns],\n  )\n\n  const reorderColumns = useCallback(\n    (fromKey: string, toKey: string) => {\n      const order = columnOrder ?? columns.map((c) => c.key)\n      const fromIdx = order.indexOf(fromKey)\n      const toIdx = order.indexOf(toKey)\n      if (fromIdx === -1 || toIdx === -1 || fromIdx === toIdx) return order\n      const next = [...order]\n      const [moved] = next.splice(fromIdx, 1)\n      next.splice(toIdx, 0, moved)\n      setColumnOrder(next)\n      return next\n    },\n    [columnOrder, columns],\n  )\n\n  return {\n    activeCell,\n    setActiveCell,\n    editingCell,\n    startEditing,\n    stopEditing,\n    editValueRef,\n    selection,\n    setSelection,\n    navigate,\n    resizeColumn,\n    getColumnWidth,\n    columnOrder,\n    setColumnOrder,\n    reorderColumns,\n    dragColumnRef,\n  }\n}\n"],"mappings":"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","names":["import_react","import_react","import_react","import_jsx_runtime","React","import_react","import_jsx_runtime","React","import_react","import_jsx_runtime","React"]}

package/dist/datagrid.js

@@ -1,8 +1,8 @@
 import {
   DataGrid
-} from "./chunk-Z5UGF7EO.js";
-import "./chunk-FSV73JI4.js";
-import "./chunk-2OCEO636.js";
+} from "./chunk-EFDB2ENB.js";
+import "./chunk-PEX2UTNG.js";
+import "./chunk-VLRLCHEL.js";
 import "./chunk-SEQI65CF.js";
 export {
   DataGrid

package/dist/devtools.cjs

@@ -85,9 +85,9 @@ var styles = {
   root: {
     fontFamily: 'ui-monospace, "Cascadia Code", "Fira Code", monospace',
     fontSize: 12,
-    border: "1px solid var(--sg-border, #d9d9d9)",
+    border: "1px solid var(--sg-color-border, #d9d9d9)",
     borderRadius: 8,
-    background: "var(--sg-bg-elevated, #fff)",
+    background: "var(--sg-color-bg-elevated, #fff)",
     overflow: "hidden"
   },
   header: {
@@ -95,7 +95,7 @@ var styles = {
     alignItems: "center",
     justifyContent: "space-between",
     padding: "8px 12px",
-    borderBottom: "1px solid var(--sg-border, #d9d9d9)",
+    borderBottom: "1px solid var(--sg-color-border, #d9d9d9)",
     fontWeight: 600,
     fontSize: 13
   },
@@ -105,9 +105,9 @@ var styles = {
   },
   btn: {
     padding: "2px 8px",
-    border: "1px solid var(--sg-border, #d9d9d9)",
+    border: "1px solid var(--sg-color-border, #d9d9d9)",
     borderRadius: 4,
-    background: "var(--sg-bg, #fafafa)",
+    background: "var(--sg-color-bg-secondary, #fafafa)",
     cursor: "pointer",
     fontSize: 11
   },
@@ -128,11 +128,11 @@ var styles = {
     gap: 8,
     padding: "4px 12px",
     cursor: "pointer",
-    borderBottom: "1px solid var(--sg-border-light, #f0f0f0)",
+    borderBottom: "1px solid var(--sg-color-border-secondary, #f0f0f0)",
     transition: "background 0.15s"
   },
   entryActive: {
-    background: "var(--sg-primary-bg, #e6f4ff)",
+    background: "var(--sg-color-primary-bg, #e6f4ff)",
     fontWeight: 600
   },
   entryFuture: {
@@ -143,19 +143,19 @@ var styles = {
     padding: "1px 6px",
     borderRadius: 4,
     fontSize: 10,
-    background: "var(--sg-primary-bg, #e6f4ff)",
-    color: "var(--sg-primary, #1677ff)"
+    background: "var(--sg-color-primary-bg, #e6f4ff)",
+    color: "var(--sg-color-primary, #1677ff)"
   },
   patches: {
     padding: "4px 12px 8px 32px",
-    background: "var(--sg-bg-subtle, #fafafa)",
+    background: "var(--sg-color-bg-secondary, #fafafa)",
     fontSize: 11,
     lineHeight: 1.6
   },
   empty: {
     padding: "24px 12px",
     textAlign: "center",
-    color: "var(--sg-text-tertiary, #999)"
+    color: "var(--sg-color-text-tertiary, #999)"
   }
 };
 function HistoryPanel({ history, className, style }) {

package/dist/devtools.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/devtools.ts","../src/hooks/useHistory.ts","../src/components/devtools/HistoryPanel.tsx"],"sourcesContent":["export { useHistory } from './hooks/useHistory'\nexport type { UseHistoryReturn } from './hooks/useHistory'\nexport { HistoryPanel } from './components/devtools/HistoryPanel'\nexport type { HistoryPanelProps } from './components/devtools/HistoryPanel'\n","import { useState, useCallback, useEffect, useRef, useMemo } from 'react'\nimport type { Core } from '@skygraph/core'\nimport { createHistory } from '@skygraph/core'\nimport type { HistoryPlugin, HistoryOptions } from '@skygraph/core'\n\nexport interface UseHistoryReturn {\n  history: HistoryPlugin\n  canUndo: boolean\n  canRedo: boolean\n  cursor: number\n  entries: HistoryPlugin['entries']\n  undo: () => void\n  redo: () => void\n  jumpTo: (index: number) => void\n  clear: () => void\n}\n\nexport function useHistory(core: Core, options?: HistoryOptions): UseHistoryReturn {\n  const [, forceUpdate] = useState(0)\n  const historyRef = useRef<HistoryPlugin | null>(null)\n  const optionsRef = useRef(options)\n\n  if (!historyRef.current) {\n    historyRef.current = createHistory(core, optionsRef.current)\n  }\n\n  const tick = useCallback(() => forceUpdate((n) => n + 1), [])\n\n  const undo = useCallback(() => {\n    historyRef.current!.undo()\n    tick()\n  }, [tick])\n\n  const redo = useCallback(() => {\n    historyRef.current!.redo()\n    tick()\n  }, [tick])\n\n  const jumpTo = useCallback(\n    (index: number) => {\n      historyRef.current!.jumpTo(index)\n      tick()\n    },\n    [tick],\n  )\n\n  const clear = useCallback(() => {\n    historyRef.current!.clear()\n    tick()\n  }, [tick])\n\n  useEffect(() => {\n    return () => {\n      historyRef.current?.destroy()\n    }\n  }, [])\n\n  const h = historyRef.current\n\n  return useMemo(\n    () => ({\n      history: h,\n      canUndo: h.canUndo,\n      canRedo: h.canRedo,\n      cursor: h.cursor,\n      entries: h.entries,\n      undo,\n      redo,\n      jumpTo,\n      clear,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [h, h.cursor, h.entries.length, undo, redo, jumpTo, clear],\n  )\n}\n","import React, { useState } from 'react'\nimport type { UseHistoryReturn } from '../../hooks/useHistory'\nimport type { BaseComponentProps } from '../../types'\n\n/** Props for the devtools time-travel history panel (base layout props come from `BaseComponentProps`). */\nexport interface HistoryPanelProps extends BaseComponentProps {\n  /** History controller from `useHistory` (entries, cursor, undo/redo, jump, clear). */\n  history: UseHistoryReturn\n}\n\nconst styles: Record<string, React.CSSProperties> = {\n  root: {\n    fontFamily: 'ui-monospace, \"Cascadia Code\", \"Fira Code\", monospace',\n    fontSize: 12,\n    border: '1px solid var(--sg-border, #d9d9d9)',\n    borderRadius: 8,\n    background: 'var(--sg-bg-elevated, #fff)',\n    overflow: 'hidden',\n  },\n  header: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    padding: '8px 12px',\n    borderBottom: '1px solid var(--sg-border, #d9d9d9)',\n    fontWeight: 600,\n    fontSize: 13,\n  },\n  controls: {\n    display: 'flex',\n    gap: 4,\n  },\n  btn: {\n    padding: '2px 8px',\n    border: '1px solid var(--sg-border, #d9d9d9)',\n    borderRadius: 4,\n    background: 'var(--sg-bg, #fafafa)',\n    cursor: 'pointer',\n    fontSize: 11,\n  },\n  btnDisabled: {\n    opacity: 0.4,\n    cursor: 'not-allowed',\n  },\n  list: {\n    maxHeight: 300,\n    overflowY: 'auto' as const,\n    margin: 0,\n    padding: 0,\n    listStyle: 'none',\n  },\n  entry: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: 8,\n    padding: '4px 12px',\n    cursor: 'pointer',\n    borderBottom: '1px solid var(--sg-border-light, #f0f0f0)',\n    transition: 'background 0.15s',\n  },\n  entryActive: {\n    background: 'var(--sg-primary-bg, #e6f4ff)',\n    fontWeight: 600,\n  },\n  entryFuture: {\n    opacity: 0.5,\n  },\n  badge: {\n    display: 'inline-block',\n    padding: '1px 6px',\n    borderRadius: 4,\n    fontSize: 10,\n    background: 'var(--sg-primary-bg, #e6f4ff)',\n    color: 'var(--sg-primary, #1677ff)',\n  },\n  patches: {\n    padding: '4px 12px 8px 32px',\n    background: 'var(--sg-bg-subtle, #fafafa)',\n    fontSize: 11,\n    lineHeight: 1.6,\n  },\n  empty: {\n    padding: '24px 12px',\n    textAlign: 'center' as const,\n    color: 'var(--sg-text-tertiary, #999)',\n  },\n}\n\n/**\n * Time-travel UI listing history entries with undo/redo controls and expandable patch details.\n */\nexport function HistoryPanel({ history, className, style }: HistoryPanelProps) {\n  const { entries, cursor, canUndo, canRedo, undo, redo, jumpTo, clear } = history\n  const [expanded, setExpanded] = useState<number | null>(null)\n\n  return (\n    <div className={className} style={{ ...styles.root, ...style }}>\n      <div style={styles.header}>\n        <span>Time-Travel ({entries.length})</span>\n        <div style={styles.controls}>\n          <button\n            style={{ ...styles.btn, ...(canUndo ? {} : styles.btnDisabled) }}\n            disabled={!canUndo}\n            onClick={undo}\n          >\n            Undo\n          </button>\n          <button\n            style={{ ...styles.btn, ...(canRedo ? {} : styles.btnDisabled) }}\n            disabled={!canRedo}\n            onClick={redo}\n          >\n            Redo\n          </button>\n          <button style={styles.btn} onClick={clear}>\n            Clear\n          </button>\n        </div>\n      </div>\n\n      {entries.length === 0 ? (\n        <div style={styles.empty}>No history yet</div>\n      ) : (\n        <ul style={styles.list}>\n          {entries.map((entry, i) => {\n            const isCurrent = i === cursor\n            const isFuture = i > cursor\n\n            return (\n              <li key={i}>\n                <div\n                  style={{\n                    ...styles.entry,\n                    ...(isCurrent ? styles.entryActive : {}),\n                    ...(isFuture ? styles.entryFuture : {}),\n                  }}\n                  onClick={() => jumpTo(i)}\n                  onDoubleClick={() => setExpanded(expanded === i ? null : i)}\n                >\n                  <span style={styles.badge}>{i}</span>\n                  <span>\n                    {entry.patches.length} write{entry.patches.length !== 1 ? 's' : ''}\n                  </span>\n                  <span style={{ marginLeft: 'auto', fontSize: 10, opacity: 0.6 }}>\n                    {formatTime(entry.timestamp)}\n                  </span>\n                </div>\n\n                {expanded === i && (\n                  <div style={styles.patches}>\n                    {entry.patches.map((p, pi) => (\n                      <div key={pi}>\n                        <code>{p.path}</code>:{' '}\n                        <span style={{ opacity: 0.5 }}>{formatValue(p.oldValue)}</span>\n                        {' → '}\n                        <span>{formatValue(p.value)}</span>\n                      </div>\n                    ))}\n                  </div>\n                )}\n              </li>\n            )\n          })}\n        </ul>\n      )}\n    </div>\n  )\n}\n\nfunction formatTime(ts: number): string {\n  const d = new Date(ts)\n  return d.toLocaleTimeString(undefined, {\n    hour: '2-digit',\n    minute: '2-digit',\n    second: '2-digit',\n  })\n}\n\nfunction formatValue(v: unknown): string {\n  if (v === undefined) return 'undefined'\n  if (v === null) return 'null'\n  if (typeof v === 'string') return `\"${v}\"`\n  try {\n    return JSON.stringify(v)\n  } catch {\n    return String(v)\n  }\n}\n"],"mappings":"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","names":["import_react"]}
+{"version":3,"sources":["../src/devtools.ts","../src/hooks/useHistory.ts","../src/components/devtools/HistoryPanel.tsx"],"sourcesContent":["export { useHistory } from './hooks/useHistory'\nexport type { UseHistoryReturn } from './hooks/useHistory'\nexport { HistoryPanel } from './components/devtools/HistoryPanel'\nexport type { HistoryPanelProps } from './components/devtools/HistoryPanel'\n","import { useState, useCallback, useEffect, useRef, useMemo } from 'react'\nimport type { Core } from '@skygraph/core'\nimport { createHistory } from '@skygraph/core'\nimport type { HistoryPlugin, HistoryOptions } from '@skygraph/core'\n\nexport interface UseHistoryReturn {\n  history: HistoryPlugin\n  canUndo: boolean\n  canRedo: boolean\n  cursor: number\n  entries: HistoryPlugin['entries']\n  undo: () => void\n  redo: () => void\n  jumpTo: (index: number) => void\n  clear: () => void\n}\n\nexport function useHistory(core: Core, options?: HistoryOptions): UseHistoryReturn {\n  const [, forceUpdate] = useState(0)\n  const historyRef = useRef<HistoryPlugin | null>(null)\n  const optionsRef = useRef(options)\n\n  if (!historyRef.current) {\n    historyRef.current = createHistory(core, optionsRef.current)\n  }\n\n  const tick = useCallback(() => forceUpdate((n) => n + 1), [])\n\n  const undo = useCallback(() => {\n    historyRef.current!.undo()\n    tick()\n  }, [tick])\n\n  const redo = useCallback(() => {\n    historyRef.current!.redo()\n    tick()\n  }, [tick])\n\n  const jumpTo = useCallback(\n    (index: number) => {\n      historyRef.current!.jumpTo(index)\n      tick()\n    },\n    [tick],\n  )\n\n  const clear = useCallback(() => {\n    historyRef.current!.clear()\n    tick()\n  }, [tick])\n\n  useEffect(() => {\n    return () => {\n      historyRef.current?.destroy()\n    }\n  }, [])\n\n  const h = historyRef.current\n\n  return useMemo(\n    () => ({\n      history: h,\n      canUndo: h.canUndo,\n      canRedo: h.canRedo,\n      cursor: h.cursor,\n      entries: h.entries,\n      undo,\n      redo,\n      jumpTo,\n      clear,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [h, h.cursor, h.entries.length, undo, redo, jumpTo, clear],\n  )\n}\n","import React, { useState } from 'react'\nimport type { UseHistoryReturn } from '../../hooks/useHistory'\nimport type { BaseComponentProps } from '../../types'\n\n/** Props for the devtools time-travel history panel (base layout props come from `BaseComponentProps`). */\nexport interface HistoryPanelProps extends BaseComponentProps {\n  /** History controller from `useHistory` (entries, cursor, undo/redo, jump, clear). */\n  history: UseHistoryReturn\n}\n\nconst styles: Record<string, React.CSSProperties> = {\n  root: {\n    fontFamily: 'ui-monospace, \"Cascadia Code\", \"Fira Code\", monospace',\n    fontSize: 12,\n    border: '1px solid var(--sg-color-border, #d9d9d9)',\n    borderRadius: 8,\n    background: 'var(--sg-color-bg-elevated, #fff)',\n    overflow: 'hidden',\n  },\n  header: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    padding: '8px 12px',\n    borderBottom: '1px solid var(--sg-color-border, #d9d9d9)',\n    fontWeight: 600,\n    fontSize: 13,\n  },\n  controls: {\n    display: 'flex',\n    gap: 4,\n  },\n  btn: {\n    padding: '2px 8px',\n    border: '1px solid var(--sg-color-border, #d9d9d9)',\n    borderRadius: 4,\n    background: 'var(--sg-color-bg-secondary, #fafafa)',\n    cursor: 'pointer',\n    fontSize: 11,\n  },\n  btnDisabled: {\n    opacity: 0.4,\n    cursor: 'not-allowed',\n  },\n  list: {\n    maxHeight: 300,\n    overflowY: 'auto' as const,\n    margin: 0,\n    padding: 0,\n    listStyle: 'none',\n  },\n  entry: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: 8,\n    padding: '4px 12px',\n    cursor: 'pointer',\n    borderBottom: '1px solid var(--sg-color-border-secondary, #f0f0f0)',\n    transition: 'background 0.15s',\n  },\n  entryActive: {\n    background: 'var(--sg-color-primary-bg, #e6f4ff)',\n    fontWeight: 600,\n  },\n  entryFuture: {\n    opacity: 0.5,\n  },\n  badge: {\n    display: 'inline-block',\n    padding: '1px 6px',\n    borderRadius: 4,\n    fontSize: 10,\n    background: 'var(--sg-color-primary-bg, #e6f4ff)',\n    color: 'var(--sg-color-primary, #1677ff)',\n  },\n  patches: {\n    padding: '4px 12px 8px 32px',\n    background: 'var(--sg-color-bg-secondary, #fafafa)',\n    fontSize: 11,\n    lineHeight: 1.6,\n  },\n  empty: {\n    padding: '24px 12px',\n    textAlign: 'center' as const,\n    color: 'var(--sg-color-text-tertiary, #999)',\n  },\n}\n\n/**\n * Time-travel UI listing history entries with undo/redo controls and expandable patch details.\n */\nexport function HistoryPanel({ history, className, style }: HistoryPanelProps) {\n  const { entries, cursor, canUndo, canRedo, undo, redo, jumpTo, clear } = history\n  const [expanded, setExpanded] = useState<number | null>(null)\n\n  return (\n    <div className={className} style={{ ...styles.root, ...style }}>\n      <div style={styles.header}>\n        <span>Time-Travel ({entries.length})</span>\n        <div style={styles.controls}>\n          <button\n            style={{ ...styles.btn, ...(canUndo ? {} : styles.btnDisabled) }}\n            disabled={!canUndo}\n            onClick={undo}\n          >\n            Undo\n          </button>\n          <button\n            style={{ ...styles.btn, ...(canRedo ? {} : styles.btnDisabled) }}\n            disabled={!canRedo}\n            onClick={redo}\n          >\n            Redo\n          </button>\n          <button style={styles.btn} onClick={clear}>\n            Clear\n          </button>\n        </div>\n      </div>\n\n      {entries.length === 0 ? (\n        <div style={styles.empty}>No history yet</div>\n      ) : (\n        <ul style={styles.list}>\n          {entries.map((entry, i) => {\n            const isCurrent = i === cursor\n            const isFuture = i > cursor\n\n            return (\n              <li key={i}>\n                <div\n                  style={{\n                    ...styles.entry,\n                    ...(isCurrent ? styles.entryActive : {}),\n                    ...(isFuture ? styles.entryFuture : {}),\n                  }}\n                  onClick={() => jumpTo(i)}\n                  onDoubleClick={() => setExpanded(expanded === i ? null : i)}\n                >\n                  <span style={styles.badge}>{i}</span>\n                  <span>\n                    {entry.patches.length} write{entry.patches.length !== 1 ? 's' : ''}\n                  </span>\n                  <span style={{ marginLeft: 'auto', fontSize: 10, opacity: 0.6 }}>\n                    {formatTime(entry.timestamp)}\n                  </span>\n                </div>\n\n                {expanded === i && (\n                  <div style={styles.patches}>\n                    {entry.patches.map((p, pi) => (\n                      <div key={pi}>\n                        <code>{p.path}</code>:{' '}\n                        <span style={{ opacity: 0.5 }}>{formatValue(p.oldValue)}</span>\n                        {' → '}\n                        <span>{formatValue(p.value)}</span>\n                      </div>\n                    ))}\n                  </div>\n                )}\n              </li>\n            )\n          })}\n        </ul>\n      )}\n    </div>\n  )\n}\n\nfunction formatTime(ts: number): string {\n  const d = new Date(ts)\n  return d.toLocaleTimeString(undefined, {\n    hour: '2-digit',\n    minute: '2-digit',\n    second: '2-digit',\n  })\n}\n\nfunction formatValue(v: unknown): string {\n  if (v === undefined) return 'undefined'\n  if (v === null) return 'null'\n  if (typeof v === 'string') return `\"${v}\"`\n  try {\n    return JSON.stringify(v)\n  } catch {\n    return String(v)\n  }\n}\n"],"mappings":"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","names":["import_react"]}

package/dist/devtools.js

@@ -1,7 +1,7 @@
 import {
   HistoryPanel,
   useHistory
-} from "./chunk-GJDDPZH7.js";
+} from "./chunk-ZJC2QUWA.js";
 export {
   HistoryPanel,
   useHistory