@salt-ds/data-grid 0.0.0-snapshot-20230620094559

package/dist-es/Grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sources":["../src/Grid.tsx"],"sourcesContent":["import React, {\n  CSSProperties,\n  KeyboardEvent,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { clsx } from \"clsx\";\nimport {\n  CellMeasure,\n  clamp,\n  getFocusablePosition,\n  LeftPart,\n  MiddlePart,\n  RightPart,\n  Scrollable,\n  ScrollableProps,\n  TopLeftPart,\n  TopPart,\n  TopRightPart,\n  useBodyVisibleAreaTop,\n  useBodyVisibleColumnRange,\n  useClientMidHeight,\n  useClientMidWidth,\n  useColumnMove,\n  useColumnRange,\n  useColumnRegistry,\n  useColumnResize,\n  useHeadVisibleColumnRange,\n  useLeftScrolledOutWidth,\n  useRangeSelection,\n  useRowModels,\n  useRowSelection,\n  useScrollToCell,\n  useSum,\n  useSumRangeWidth,\n  useSumWidth,\n  useVisibleColumnGroupRange,\n  useVisibleRowRange,\n} from \"./internal\";\nimport {\n  CellValidationState,\n  GridColumnInfo,\n  GridColumnProps,\n} from \"./GridColumn\";\nimport { GridContext } from \"./GridContext\";\nimport { SelectionContext } from \"./SelectionContext\";\nimport { SizingContext } from \"./SizingContext\";\nimport { LayoutContext } from \"./LayoutContext\";\nimport { EditorContext } from \"./EditorContext\"; // TODO remove\nimport { CursorContext, FocusedPart } from \"./CursorContext\";\nimport { ColumnGroupProps } from \"./ColumnGroup\";\nimport { ColumnDragContext } from \"./ColumnDragContext\";\nimport { ColumnGhost } from \"./internal/ColumnGhost\";\nimport { ColumnDropTarget } from \"./internal/ColumnDropTarget\";\nimport { ColumnDataContext } from \"./ColumnDataContext\";\nimport { ColumnSortContext } from \"./ColumnSortContext\";\n\nimport gridCss from \"./Grid.css\";\n\nconst withBaseName = makePrefixer(\"saltGrid\");\n\nexport type ColumnSeparatorType = \"regular\" | \"none\" | \"groupEdge\" | \"pinned\";\nexport type ColumnGroupRowSeparatorType = \"first\" | \"regular\" | \"last\";\nexport type ColumnGroupColumnSeparatorType = \"regular\" | \"none\" | \"pinned\";\nexport type GridRowSelectionMode = \"single\" | \"multi\" | \"none\";\nexport type GridCellSelectionMode = \"range\" | \"none\";\n\nexport enum SortOrder {\n  ASC = \"asc\",\n  DESC = \"desc\",\n  NONE = \"none\",\n}\n\nexport type RowKeyGetter<T> = (row: T, index: number) => string;\n\nexport type GridColumnMoveHandler = (\n  columnId: string,\n  fromIndex: number,\n  toIndex: number\n) => void;\n\nexport interface GridProps<T = any> {\n  /**\n   * At least 1 children is expected, options are `ColumnGroup` or `GridColumn`.\n   * */\n  children: ReactNode;\n  /**\n   * If `true`, zebra stripes are enabled (odd/even rows have alternate colours)\n   * */\n  zebra?: boolean;\n  /**\n   * If `true`, grid header is hidden.\n   * */\n  hideHeader?: boolean;\n  /**\n   * If `true`, column separators are rendered.\n   * */\n  columnSeparators?: boolean;\n  /**\n   * If `true`, separators are rendered between pinned and unpinned columns.\n   * */\n  pinnedSeparators?: boolean;\n  /**\n   * Row data objects. Sparse arrays are supported.\n   * */\n  rowData: T[];\n  /**\n   * Should return unique string for a given row data object.\n   * If rowData is sparse then this function should work with undefined row data\n   * objects and create keys based on row index. `(row: T, index: number) => string`\n   * */\n  rowKeyGetter?: RowKeyGetter<T>;\n  /**\n   * Rows with these indices are selected by default.\n   * */\n  defaultSelectedRowIdxs?: number[];\n  /**\n   * Selected row indices for controlled mode.\n   * */\n  selectedRowIdxs?: number[];\n  className?: string;\n  style?: CSSProperties;\n  /**\n   * The variant to use. Options are `primary` and `secondary`. Default value is\n   * `primary`. `secondary` variant changes grid background to reduce contrast.\n   * */\n  variant?: \"primary\" | \"secondary\";\n  /**\n   * Options are `single`, `multi` and `none`.\n   * */\n  rowSelectionMode?: GridRowSelectionMode;\n  onRowSelected?: (selectedRowIdxs: number[]) => void;\n  /**\n   * If `true`, user will be able to move columns using drag and drop.\n   * */\n  columnMove?: boolean;\n  /**\n   * Accepts `(columnId: string, fromIndex: number, toIndex: number) => void`\n   * */\n  onColumnMoved?: GridColumnMoveHandler;\n  /**\n   * Options are `range` and `none`.\n   * */\n  cellSelectionMode?: GridCellSelectionMode;\n  onVisibleRowRangeChange?: (start: number, end: number) => void;\n  /**\n   * If `true`, keyboard navigation is enabled for the header.\n   * */\n  headerIsFocusable?: boolean;\n\n  getRowValidationStatus?: (\n    row: GridRowModel<T>\n  ) => CellValidationState | undefined;\n}\n\nexport interface GridRowModel<T> {\n  key: string;\n  index: number;\n  data: T;\n}\n\nexport interface GridColumnModel<T> {\n  index: number;\n  separator: ColumnSeparatorType;\n\n  info: GridColumnInfo<T>;\n}\n\nexport interface GridColumnGroupModel {\n  index: number;\n  data: ColumnGroupProps;\n  childrenIds: string[];\n  rowSeparator: ColumnGroupRowSeparatorType;\n  columnSeparator: ColumnGroupColumnSeparatorType;\n  colSpan: number;\n}\n\nfunction defaultRowKeyGetter<T>(row: T, index: number): string {\n  return `${index}`;\n}\n\nexport const Grid = function Grid<T>(props: GridProps<T>) {\n  const {\n    rowData,\n    zebra,\n    hideHeader,\n    columnSeparators,\n    pinnedSeparators = true,\n    className,\n    style,\n    rowKeyGetter = defaultRowKeyGetter,\n    children,\n    defaultSelectedRowIdxs,\n    selectedRowIdxs,\n    variant = \"primary\",\n    rowSelectionMode = \"multi\",\n    onRowSelected,\n    columnMove,\n    onColumnMoved,\n    cellSelectionMode = \"none\",\n    onVisibleRowRangeChange,\n    headerIsFocusable,\n    getRowValidationStatus,\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-grid\",\n    css: gridCss,\n    window: targetWindow,\n  });\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const scrollableRef = useRef<HTMLDivElement>(null);\n  const middleRef = useRef<HTMLDivElement>(null);\n  const topRef = useRef<HTMLDivElement>(null);\n  const leftRef = useRef<HTMLDivElement>(null);\n  const rightRef = useRef<HTMLDivElement>(null);\n  const bottomRef = useRef<HTMLDivElement>(null);\n\n  // What caused the latest scroll change. User means the UI (mouse events), table means the component initiated scrolling (scrollToCell was called for example)\n  const [scrollSource, setScrollSource] = useState<\"user\" | \"table\">(\"user\");\n  const [scrollLeft, setScrollLeft] = useState<number>(0);\n  const [scrollTop, setScrollTop] = useState<number>(0);\n\n  const [hoverRowKey, setHoverRowKey] = useState<string | undefined>(undefined);\n\n  const [\n    { clientWidth, clientHeight, scrollBarHeight, scrollBarWidth },\n    setDimensions,\n  ] = useState({\n    clientWidth: 0,\n    clientHeight: 0,\n    scrollBarHeight: 0,\n    scrollBarWidth: 0,\n  });\n\n  const [rowHeight, setRowHeight] = useState<number>(0);\n\n  const [cursorRowIdx, setCursorRowIdx] = useState<number>(0);\n  const [cursorColIdx, setCursorColIdx] = useState<number>(0);\n  const [focusedPart, setFocusedPart] = useState<FocusedPart>(\n    headerIsFocusable ? \"header\" : \"body\"\n  );\n\n  const [sortByColumnId, setSortByColumnId] =\n    useState<GridColumnProps[\"id\"]>(\"\");\n  const [sortOrder, setSortOrder] = useState<SortOrder>(SortOrder.NONE);\n\n  const [editMode, setEditMode] = useState<boolean>(false);\n  const [initialText, setInitialText] = useState<string | undefined>(undefined);\n\n  const resizeClient: ScrollableProps<T>[\"resizeClient\"] = useCallback(\n    (dimensions) => {\n      setDimensions(dimensions);\n    },\n    []\n  );\n\n  const {\n    leftCols, // Columns pinned to left\n    midCols, // Scrollable columns\n    rightCols, // Columns pinned to right\n    leftGroups,\n    midGroups,\n    rightGroups,\n    contextValue,\n  } = useColumnRegistry<T>(children);\n\n  const midColsById = useMemo(\n    () =>\n      new Map<string, GridColumnModel<T>>(\n        midCols.map((c) => [c.info.props.id, c] as [string, GridColumnModel<T>])\n      ),\n    [midCols]\n  );\n\n  // Width of all columns pinned to left\n  const leftWidth = useSumWidth(leftCols);\n  // Width of all scrollable columns\n  const midWidth = useSumWidth(midCols);\n  // Width of all columns pinned to right\n  const rightWidth = useSumWidth(rightCols);\n  // Total width of all columns\n  const totalWidth = useSum([leftWidth, midWidth, rightWidth]);\n\n  const hasColumnGroups =\n    leftGroups.length > 0 || midGroups.length > 0 || rightGroups.length > 0;\n\n  const headRowCount = hideHeader ? 0 : hasColumnGroups ? 2 : 1; // TODO multiple group levels\n  const rowCount = rowData.length;\n\n  // Footer is not implemented yet.\n  const botRowCount = 0; // TODO\n  // Height of the header\n  const topHeight = rowHeight * headRowCount;\n  // Height of the middle part (virtual height)\n  const midHeight = rowCount === 0 ? 0 : rowHeight * rowCount + 1;\n  // Height of the footer\n  const botHeight = botRowCount * rowHeight;\n  // Total height of the grid (virtual)\n  const totalHeight = useSum([topHeight, midHeight, botHeight]);\n  // Client width of the middle part of the grid (viewport)\n  const clientMidWidth = useClientMidWidth(clientWidth, leftWidth, rightWidth);\n  // Unused width in the middle part, to be filled by an empty column with fake cells.\n  const midGap = Math.max(0, Math.floor(clientMidWidth - midWidth));\n\n  // Range of unpinned columns visible in the body of the grid (pinned columns are always visible).\n  const bodyVisColRng = useBodyVisibleColumnRange(\n    midCols,\n    scrollLeft,\n    clientMidWidth\n  );\n\n  const midGrpByColId = useMemo(() => {\n    const m = new Map<string, GridColumnGroupModel>();\n    for (const g of midGroups) {\n      for (const c of g.childrenIds) {\n        m.set(c, g);\n      }\n    }\n    return m;\n  }, [midGroups]);\n\n  // Range of visible column groups.\n  const visColGrpRng = useVisibleColumnGroupRange(\n    bodyVisColRng,\n    midCols,\n    midGrpByColId,\n    leftGroups.length\n  );\n\n  const visColGrps = useMemo(() => {\n    return midGroups.slice(visColGrpRng.start, visColGrpRng.end);\n  }, [visColGrpRng, midGroups]);\n\n  const headVisColRng = useHeadVisibleColumnRange(\n    bodyVisColRng,\n    visColGrps,\n    midColsById,\n    leftCols.length\n  );\n\n  const bodyScrOutColWh = useLeftScrolledOutWidth(midCols, bodyVisColRng);\n  const headScrOutColWh = useLeftScrolledOutWidth(midCols, headVisColRng);\n\n  const bodyVisAreaLeft = useSum([leftWidth, bodyScrOutColWh]);\n  const headVisAreaLeft = useSum([leftWidth, headScrOutColWh]);\n  const clientMidHeight = useClientMidHeight(\n    clientHeight,\n    topHeight,\n    botHeight\n  );\n  const visRowRng = useVisibleRowRange(\n    scrollTop,\n    clientMidHeight,\n    rowHeight,\n    rowCount\n  );\n\n  const bodyVisAreaTop = useBodyVisibleAreaTop(rowHeight, visRowRng, topHeight);\n\n  const bodyVisibleColumns = useColumnRange(midCols, bodyVisColRng);\n  const headVisibleColumns = useColumnRange(midCols, headVisColRng);\n  const bodyVisColWh = useSumRangeWidth(midCols, bodyVisColRng);\n\n  const headVisColWh = bodyVisColWh; // TODO implement groups\n\n  const rootStyle = useMemo(\n    () => ({\n      ...style,\n      \"--grid-total-width\": `${totalWidth}px`,\n      \"--grid-total-height\": `${totalHeight}px`,\n      \"--grid-topPart-height\": `${topHeight}px`,\n      \"--grid-leftPart-width\": `${leftWidth}px`,\n      \"--grid-rightPart-width\": `${rightWidth}px`,\n      \"--grid-bodyVisibleColumns-width\": `${bodyVisColWh}px`,\n      \"--grid-bodyVisibleArea-top\": `${bodyVisAreaTop}px`,\n      \"--grid-bodyVisibleArea-left\": `${bodyVisAreaLeft}px`,\n      \"--grid-bottomHeight\": `${botHeight}px`,\n      \"--grid-headerVisibleColumns-width\": `${headVisColWh}px`,\n      \"--grid-headerVisibleArea-left\": `${headVisAreaLeft}px`,\n      \"--grid-scrollBar-height\": `${scrollBarHeight}px`,\n      \"--grid-scrollBar-width\": `${scrollBarWidth}px`,\n    }),\n    [\n      style,\n      totalHeight,\n      totalWidth,\n      topHeight,\n      leftWidth,\n      rightWidth,\n      botHeight,\n      bodyVisColWh,\n      bodyVisAreaLeft,\n      bodyVisAreaTop,\n      headVisColWh,\n      headVisAreaLeft,\n      scrollBarHeight,\n      scrollBarWidth,\n    ]\n  );\n\n  const onWheel: EventListener = useCallback(\n    (event) => {\n      let { deltaX, deltaY, shiftKey } = event as WheelEvent;\n      if (deltaX === 0 && shiftKey) {\n        deltaX = deltaY;\n        deltaY = 0;\n      }\n      const s = scrollableRef.current;\n      if (s) {\n        s.scrollLeft += deltaX;\n        s.scrollTop += deltaY;\n      }\n      event.preventDefault();\n      event.stopPropagation();\n    },\n    [scrollableRef.current]\n  );\n\n  const cols = useMemo(\n    () => [...leftCols, ...midCols, ...rightCols],\n    [leftCols, midCols, rightCols]\n  );\n\n  const colsById = useMemo(\n    () =>\n      new Map<string, GridColumnModel<T>>(\n        cols.map((c) => [c.info.props.id, c] as [string, GridColumnModel<T>])\n      ),\n    [cols]\n  );\n\n  const getColById = useCallback(\n    (id: string) => {\n      return colsById.get(id);\n    },\n    [colsById]\n  );\n\n  const columnDataContext: ColumnDataContext<T> = useMemo(\n    () => ({\n      getColById,\n    }),\n    [getColById]\n  );\n\n  const isSortMode = sortByColumnId && sortOrder !== SortOrder.NONE;\n\n  const onSortOrderChange =\n    getColById(sortByColumnId)?.info.props.onSortOrderChange;\n\n  const valueGetter =\n    getColById(sortByColumnId)?.info.props.getValue ||\n    ((r: T) => {\n      return r[sortByColumnId as keyof typeof r];\n    });\n\n  const customSortingFn = getColById(sortByColumnId)?.info.props.customSort;\n\n  const sortedRowData = useMemo(() => {\n    if (!isSortMode || onSortOrderChange) return rowData;\n\n    if (customSortingFn) {\n      return customSortingFn({ rowData, sortOrder });\n    }\n\n    const sortedData = [...rowData].sort((a, b) =>\n      valueGetter(a) < valueGetter(b) ? -1 : 1\n    );\n\n    if (sortOrder === SortOrder.DESC) {\n      return sortedData.reverse();\n    }\n\n    return sortedData;\n  }, [\n    onSortOrderChange,\n    valueGetter,\n    customSortingFn,\n    isSortMode,\n    rowData,\n    sortByColumnId,\n    sortOrder,\n  ]);\n\n  const onClickSortColumn = useCallback(\n    (colHeaderId: GridColumnProps[\"id\"]) => {\n      if (sortByColumnId === colHeaderId) {\n        switch (sortOrder) {\n          case SortOrder.ASC:\n            setSortOrder(SortOrder.DESC);\n            break;\n          case SortOrder.DESC:\n            setSortOrder(SortOrder.NONE);\n            break;\n          default:\n            setSortOrder(SortOrder.ASC);\n        }\n      } else {\n        setSortByColumnId(colHeaderId);\n        setSortOrder(SortOrder.ASC);\n      }\n    },\n    [sortByColumnId, sortOrder]\n  );\n\n  const columnSortContext: ColumnSortContext = useMemo(\n    () => ({\n      sortByColumnId,\n      setSortByColumnId,\n      sortOrder,\n      setSortOrder,\n      onClickSortColumn,\n    }),\n    [\n      sortByColumnId,\n      setSortByColumnId,\n      sortOrder,\n      setSortOrder,\n      onClickSortColumn,\n    ]\n  );\n\n  const scroll = useCallback(\n    (left?: number, top?: number, source?: \"user\" | \"table\") => {\n      setScrollSource(source || \"user\");\n      if (left !== undefined) {\n        setScrollLeft(left);\n      }\n      if (top !== undefined) {\n        setScrollTop(top);\n      }\n    },\n    [setScrollLeft, setScrollTop, setScrollSource]\n  );\n\n  const scrollToCell = useScrollToCell(\n    visRowRng,\n    rowHeight,\n    clientMidHeight,\n    midCols,\n    bodyVisColRng,\n    clientMidWidth,\n    scroll\n  );\n\n  const focusCellElement = (\n    part: FocusedPart,\n    rowIdx: number,\n    colIdx: number\n  ) => {\n    setTimeout(() => {\n      const selector =\n        part === \"body\"\n          ? `td[data-row-index=\"${rowIdx}\"][data-column-index=\"${colIdx}\"]`\n          : `th[data-column-index=\"${colIdx}\"]`;\n      const nodeToFocus = rootRef.current?.querySelector(selector);\n      if (nodeToFocus) {\n        (nodeToFocus as HTMLElement).focus({ preventScroll: true });\n      } else {\n        console.warn(`focusCellElement can't find the element`);\n      }\n    }, 0);\n  };\n\n  const startEditMode = (text?: string) => {\n    if (editMode || cursorRowIdx == undefined || cursorColIdx == undefined) {\n      return;\n    }\n    const c = cols[cursorColIdx];\n    const isEditable = !!contextValue.getEditor(c.info.props.id);\n    if (isEditable) {\n      setInitialText(text);\n      setEditMode(true);\n    }\n  };\n\n  const endEditMode = (value: string) => {\n    if (!editMode) {\n      return;\n    }\n    if (cursorColIdx == undefined) {\n      console.error(`endEditMode: cursorColIdx is undefined in edit mode`);\n      return;\n    }\n    const c = cols[cursorColIdx];\n    const handler = c.info.props.onChange;\n    if (cursorRowIdx == undefined) {\n      console.error(`endEditMode: cursorRowIdx is undefined in edit mode`);\n      return;\n    }\n    if (!handler) {\n      console.warn(\n        `onChange is not specified for editable column \"${c.info.props.id}\".`\n      );\n    } else {\n      handler(sortedRowData[cursorRowIdx], cursorRowIdx, value);\n    }\n    setEditMode(false);\n    focusCellElement(focusedPart, cursorRowIdx, cursorColIdx);\n  };\n\n  const cancelEditMode = () => {\n    if (!editMode) {\n      return;\n    }\n    setEditMode(false);\n    if (cursorRowIdx != null && cursorColIdx != null) {\n      focusCellElement(focusedPart, cursorRowIdx, cursorColIdx);\n    }\n  };\n\n  const {\n    selRowIdxs,\n    isAllSelected,\n    isAnySelected,\n    selectAll,\n    selectRows,\n    unselectAll,\n    onMouseDown: onRowSelectionMouseDown,\n  } = useRowSelection(\n    rowKeyGetter,\n    sortedRowData,\n    defaultSelectedRowIdxs,\n    selectedRowIdxs,\n    rowSelectionMode,\n    onRowSelected\n  );\n\n  const rangeSelection = useRangeSelection(cellSelectionMode);\n\n  const moveCursor = useCallback(\n    (part: FocusedPart, rowIdx: number, colIdx: number) => {\n      if (!headerIsFocusable && part === \"header\") {\n        console.warn(\n          `Cannot move focus to the header. \"headerIsFocusable\" prop is false.`\n        );\n        return;\n      }\n      setFocusedPart(part);\n      colIdx = clamp(colIdx, 0, cols.length - 1);\n      if (part === \"body\") {\n        if (sortedRowData.length < 1 || cols.length < 1) {\n          return;\n        }\n        rowIdx = clamp(rowIdx, 0, sortedRowData.length - 1);\n      } else if (part === \"header\") {\n        rowIdx = 0; // There is only one row in the header currently\n      }\n      setCursorRowIdx(rowIdx);\n      setCursorColIdx(colIdx);\n      scrollToCell(part, rowIdx, colIdx);\n      focusCellElement(part, rowIdx, colIdx);\n      if (part === \"body\") {\n        rangeSelection.onCursorMove({ rowIdx, colIdx });\n      }\n    },\n    [\n      setCursorRowIdx,\n      setCursorColIdx,\n      sortedRowData,\n      rowKeyGetter,\n      cols,\n      rootRef.current,\n      scrollToCell,\n      endEditMode,\n      rangeSelection.onCursorMove,\n      focusedPart,\n      headerIsFocusable,\n    ]\n  );\n\n  const rows = useRowModels(rowKeyGetter, sortedRowData, visRowRng);\n\n  const isLeftRaised = scrollLeft > 0;\n  const isRightRaised = scrollLeft + clientMidWidth < midWidth;\n  const isHeaderRaised = scrollTop > 0;\n\n  const resizeColumn = useCallback(\n    (colIdx: number, width: number) => {\n      const col = cols[colIdx];\n      col.info.onWidthChanged(width);\n    },\n    [cols]\n  );\n\n  const onResizeHandleMouseDown = useColumnResize(cols, resizeColumn);\n\n  const sizingContext: SizingContext = useMemo(\n    () => ({\n      resizeColumn,\n      rowHeight,\n      onResizeHandleMouseDown,\n    }),\n    [resizeColumn, rowHeight, onResizeHandleMouseDown]\n  );\n\n  const layoutContext: LayoutContext = useMemo(\n    () => ({\n      totalHeight,\n      totalWidth,\n      clientWidth,\n      clientHeight,\n    }),\n    [totalHeight, totalWidth]\n  );\n\n  const editorContext: EditorContext = useMemo(\n    () => ({\n      initialText,\n      editMode,\n      startEditMode,\n      endEditMode,\n      cancelEditMode,\n    }),\n    [editMode, startEditMode, endEditMode, cancelEditMode, initialText]\n  );\n\n  const [isFocused, setFocused] = useState<boolean>(false);\n\n  const onFocus = useCallback(\n    (event: React.FocusEvent<HTMLDivElement>) => {\n      setFocused(true);\n    },\n    [setFocused]\n  );\n\n  const onBlur = useCallback(\n    (event: React.FocusEvent<HTMLDivElement>) => {\n      setFocused(false);\n    },\n    [setFocused]\n  );\n\n  const cursorContext: CursorContext = useMemo(\n    () => ({\n      isFocused,\n      cursorRowIdx,\n      cursorColIdx,\n      moveCursor,\n      focusedPart,\n      headerIsFocusable: Boolean(headerIsFocusable),\n    }),\n    [\n      cursorRowIdx,\n      cursorColIdx,\n      moveCursor,\n      isFocused,\n      focusedPart,\n      headerIsFocusable,\n    ]\n  );\n\n  const onColumnMove: GridColumnMoveHandler = (\n    columnId,\n    fromIndex,\n    toIndex\n  ) => {\n    if (onColumnMoved && fromIndex !== toIndex) {\n      onColumnMoved(columnId, fromIndex, toIndex);\n    }\n  };\n\n  const {\n    dragState,\n    onColumnMoveHandleMouseDown,\n    activeTarget,\n    onColumnMoveCancel,\n  } = useColumnMove(\n    columnMove,\n    rootRef,\n    leftCols,\n    midCols,\n    rightCols,\n    cols,\n    scrollLeft,\n    clientMidWidth,\n    onColumnMove\n  );\n\n  const columnDragContext: ColumnDragContext = useMemo(\n    () => ({\n      columnMove,\n      onColumnMoveHandleMouseDown,\n    }),\n    [columnMove, onColumnMoveHandleMouseDown]\n  );\n\n  const onMouseDown: MouseEventHandler<HTMLDivElement> = (event) => {\n    onRowSelectionMouseDown(event);\n    rangeSelection.onCellMouseDown(event);\n\n    const target = event.target as HTMLElement;\n    try {\n      const { part, rowIndex, columnIndex } = getFocusablePosition(target);\n      if (part === \"header\" && !headerIsFocusable) {\n        return;\n      }\n      moveCursor(part, rowIndex, columnIndex);\n    } catch (e) {\n      // TODO\n    }\n  };\n\n  const onKeyUp: KeyboardEventHandler<HTMLDivElement> = useCallback(\n    (event) => {\n      const { key } = event;\n      if (key === \"Shift\") {\n        rangeSelection.onKeyboardRangeSelectionEnd();\n      }\n    },\n    [rangeSelection.onKeyboardRangeSelectionEnd]\n  );\n\n  const editModeKeyHandler = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      const { key } = event;\n      switch (key) {\n        case \"F2\":\n        case \"Enter\":\n          startEditMode();\n          break;\n        case \"Backspace\":\n          startEditMode(\"\");\n          break;\n        case \"Escape\":\n          if (editMode) {\n            cancelEditMode();\n            break;\n          } else {\n            return false;\n          }\n        default:\n          if (\n            !editMode &&\n            !event.ctrlKey &&\n            !event.metaKey &&\n            !event.altKey &&\n            /^[\\w\\d ]$/.test(key)\n          ) {\n            startEditMode(key);\n          } else {\n            return false;\n          }\n      }\n      event.preventDefault();\n      event.stopPropagation();\n      return true;\n    },\n    [startEditMode, editMode, cancelEditMode]\n  );\n\n  const selectionKeyHandler = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      const { key } = event;\n      switch (key) {\n        case \"Shift\":\n          rangeSelection.onKeyboardRangeSelectionStart({\n            rowIdx: cursorRowIdx || 0,\n            colIdx: cursorColIdx || 0,\n          });\n          break;\n        case \" \":\n          if (focusedPart === \"body\") {\n            if (event.ctrlKey) {\n              if (cursorColIdx != undefined) {\n                rangeSelection.selectRange({\n                  start: { rowIdx: 0, colIdx: cursorColIdx },\n                  end: { rowIdx: sortedRowData.length, colIdx: cursorColIdx },\n                });\n              }\n            } else {\n              if (cursorRowIdx != undefined) {\n                selectRows({\n                  rowIndex: cursorRowIdx,\n                  isRange: false,\n                  incremental: true,\n                  unselectOtherRows: !event.shiftKey,\n                });\n              }\n            }\n            break;\n          } else {\n            return false;\n          }\n        case \"a\":\n          if (event.ctrlKey || event.metaKey) {\n            rangeSelection.selectRange({\n              start: { rowIdx: 0, colIdx: 0 },\n              end: { rowIdx: sortedRowData.length, colIdx: cols.length },\n            });\n            selectAll();\n            return true;\n          } else {\n            return false;\n          }\n        default:\n          return false;\n      }\n      event.preventDefault();\n      event.stopPropagation();\n      return true;\n    },\n    [\n      rangeSelection.selectRange,\n      rangeSelection.onKeyboardRangeSelectionStart,\n      selectRows,\n      selectAll,\n      cursorColIdx,\n      cursorRowIdx,\n      sortedRowData.length,\n      cols.length,\n      focusedPart,\n    ]\n  );\n\n  const clipboardKeyHandler = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      const { key } = event;\n      if (\n        key === \"c\" &&\n        (event.ctrlKey || event.metaKey) &&\n        rangeSelection.selectedCellRange\n      ) {\n        const { start, end } = rangeSelection.selectedCellRange;\n        const c = (x: number, y: number) => x - y;\n        const [minRow, maxRow] = [start.rowIdx, end.rowIdx].sort(c);\n        const [minCol, maxCol] = [start.colIdx, end.colIdx].sort(c);\n        const text: string[] = [];\n        for (let r = minRow; r <= maxRow; ++r) {\n          const row = sortedRowData[r];\n          const rowText: string[] = [];\n          for (let c = minCol; c <= maxCol; ++c) {\n            const col = cols[c]!;\n            const cellValue = col.info.props.getValue!(row);\n            rowText.push(cellValue);\n          }\n          text.push(rowText.join(\"\\t\"));\n        }\n        navigator.clipboard.writeText(text.join(\"\\n\"));\n        event.preventDefault();\n        event.stopPropagation();\n        return true;\n      }\n      return false;\n    },\n    [rangeSelection.selectedCellRange]\n  );\n\n  const pageSize = Math.max(1, visRowRng.length - 1);\n\n  const navigationKeyHandler = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      const { key } = event;\n      switch (key) {\n        case \"ArrowLeft\":\n          moveCursor(focusedPart, cursorRowIdx, (cursorColIdx || 0) - 1);\n          break;\n        case \"ArrowRight\":\n          moveCursor(focusedPart, cursorRowIdx, (cursorColIdx || 0) + 1);\n          break;\n        case \"ArrowUp\":\n          if (cursorRowIdx === 0 && headerIsFocusable) {\n            moveCursor(\"header\", 0, cursorColIdx);\n          } else {\n            moveCursor(focusedPart, (cursorRowIdx || 0) - 1, cursorColIdx);\n          }\n          break;\n        case \"ArrowDown\":\n          if (focusedPart === \"header\") {\n            moveCursor(\"body\", 0, cursorColIdx);\n          } else {\n            moveCursor(focusedPart, (cursorRowIdx || 0) + 1, cursorColIdx);\n          }\n          break;\n        case \"PageUp\":\n          if (cursorRowIdx === 0 && headerIsFocusable) {\n            moveCursor(\"header\", 0, cursorColIdx);\n          } else {\n            moveCursor(\n              focusedPart,\n              (cursorRowIdx || 0) - pageSize,\n              cursorColIdx\n            );\n          }\n          break;\n        case \"PageDown\":\n          if (focusedPart === \"header\") {\n            moveCursor(\"body\", 0, cursorColIdx);\n          } else {\n            moveCursor(\n              focusedPart,\n              (cursorRowIdx || 0) + pageSize,\n              cursorColIdx\n            );\n          }\n          break;\n        case \"Home\":\n          if (!event.ctrlKey) {\n            moveCursor(focusedPart, cursorRowIdx, 0);\n          } else {\n            moveCursor(focusedPart, 0, 0);\n          }\n          break;\n        case \"End\":\n          if (!event.ctrlKey) {\n            moveCursor(focusedPart, cursorRowIdx, cols.length - 1);\n          } else {\n            moveCursor(focusedPart, sortedRowData.length - 1, cols.length - 1);\n          }\n          break;\n        case \"Tab\":\n          if (\n            !event.ctrlKey &&\n            !event.metaKey &&\n            !event.altKey &&\n            editMode &&\n            cursorColIdx != null &&\n            cursorRowIdx != null\n          ) {\n            if (!event.shiftKey) {\n              if (cursorColIdx < cols.length - 1) {\n                moveCursor(focusedPart, cursorRowIdx, cursorColIdx + 1);\n              } else {\n                if (cursorRowIdx < sortedRowData.length - 1) {\n                  moveCursor(focusedPart, cursorRowIdx + 1, 0);\n                }\n              }\n            } else {\n              if (cursorColIdx > 0) {\n                moveCursor(focusedPart, cursorRowIdx, cursorColIdx - 1);\n              } else {\n                if (cursorRowIdx > 0) {\n                  moveCursor(focusedPart, cursorRowIdx - 1, cols.length - 1);\n                }\n              }\n            }\n          } else {\n            return false;\n          }\n          break;\n        case \"Enter\":\n          if (\n            editMode &&\n            !event.ctrlKey &&\n            !event.metaKey &&\n            !event.altKey &&\n            !event.shiftKey\n          ) {\n            if (cursorRowIdx == undefined) {\n              moveCursor(focusedPart, 0, 0);\n            } else {\n              moveCursor(focusedPart, cursorRowIdx + 1, cursorColIdx);\n            }\n          } else {\n            return false;\n          }\n          break;\n        default:\n          return false;\n      }\n      event.preventDefault();\n      event.stopPropagation();\n      return true;\n    },\n    [\n      moveCursor,\n      cursorRowIdx,\n      cursorRowIdx,\n      cols.length,\n      sortedRowData.length,\n      headerIsFocusable,\n      pageSize,\n    ]\n  );\n\n  const columnMoveKeyHandler = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      const { key } = event;\n      if (key === \"Escape\") {\n        onColumnMoveCancel();\n        event.preventDefault();\n        event.stopPropagation();\n        return true;\n      }\n      return false;\n    },\n    []\n  );\n\n  const onKeyDown: KeyboardEventHandler<HTMLDivElement> = useCallback(\n    (event) => {\n      if (cursorColIdx != undefined && cursorRowIdx != undefined) {\n        const column = cols[cursorColIdx];\n        if (column.info.props.onKeyDown) {\n          column.info.props.onKeyDown(event, cursorRowIdx);\n        }\n      }\n      if (!event.isPropagationStopped()) {\n        // each handler returns true or false\n        // if the event is handled and should not be handled by anything else return true\n        // if the event is not handled and we should keep trying other handlers return false\n        [\n          navigationKeyHandler,\n          clipboardKeyHandler,\n          selectionKeyHandler,\n          editModeKeyHandler,\n          columnMoveKeyHandler,\n        ].find((handler) => {\n          return handler(event);\n        });\n      }\n    },\n    [\n      navigationKeyHandler,\n      clipboardKeyHandler,\n      selectionKeyHandler,\n      editModeKeyHandler,\n      columnMoveKeyHandler,\n    ]\n  );\n\n  const selectionContext: SelectionContext = useMemo(\n    () => ({\n      selRowIdxs,\n      selectRows,\n      isAllSelected,\n      isAnySelected,\n      selectAll,\n      unselectAll,\n      selectedCellRange: rangeSelection?.selectedCellRange,\n    }),\n    [\n      selRowIdxs,\n      selectRows,\n      isAllSelected,\n      isAnySelected,\n      selectAll,\n      unselectAll,\n      rangeSelection?.selectedCellRange,\n    ]\n  );\n\n  useEffect(() => {\n    if (onVisibleRowRangeChange) {\n      onVisibleRowRangeChange(visRowRng.start, visRowRng.end);\n    }\n  }, [onVisibleRowRangeChange, visRowRng]);\n\n  return (\n    <GridContext.Provider value={contextValue}>\n      <LayoutContext.Provider value={layoutContext}>\n        <SelectionContext.Provider value={selectionContext}>\n          <ColumnDragContext.Provider value={columnDragContext}>\n            <CursorContext.Provider value={cursorContext}>\n              <SizingContext.Provider value={sizingContext}>\n                <EditorContext.Provider value={editorContext}>\n                  <ColumnDataContext.Provider value={columnDataContext}>\n                    <ColumnSortContext.Provider value={columnSortContext}>\n                      {props.children}\n                      <div\n                        className={clsx(\n                          withBaseName(),\n                          {\n                            [withBaseName(\"zebra\")]: zebra,\n                            [withBaseName(\"columnSeparators\")]:\n                              columnSeparators,\n                            [withBaseName(\"pinnedSeparators\")]:\n                              pinnedSeparators,\n                            [withBaseName(\"primaryBackground\")]:\n                              variant === \"primary\",\n                            [withBaseName(\"secondaryBackground\")]:\n                              variant === \"secondary\",\n                          },\n                          className\n                        )}\n                        style={rootStyle}\n                        ref={rootRef}\n                        onKeyDown={onKeyDown}\n                        onKeyUp={onKeyUp}\n                        onMouseDown={onMouseDown}\n                        onFocus={onFocus}\n                        onBlur={onBlur}\n                        data-name=\"grid-root\"\n                        role=\"grid\"\n                        aria-colcount={cols.length}\n                        aria-rowcount={rowCount + headRowCount}\n                        aria-multiselectable={rowSelectionMode === \"multi\"}\n                      >\n                        <CellMeasure setRowHeight={setRowHeight} />\n                        <Scrollable\n                          resizeClient={resizeClient}\n                          scrollLeft={scrollLeft}\n                          scrollTop={scrollTop}\n                          scrollSource={scrollSource}\n                          scroll={scroll}\n                          scrollerRef={scrollableRef}\n                          topRef={topRef}\n                          rightRef={rightRef}\n                          bottomRef={bottomRef}\n                          leftRef={leftRef}\n                          middleRef={middleRef}\n                        />\n                        {!hideHeader && leftCols.length > 0 && (\n                          <TopLeftPart\n                            onWheel={onWheel}\n                            columns={leftCols}\n                            columnGroups={leftGroups}\n                            rightShadow={isLeftRaised}\n                            bottomShadow={isHeaderRaised}\n                          />\n                        )}\n                        {!hideHeader && (\n                          <TopPart\n                            columns={headVisibleColumns}\n                            columnGroups={visColGrps}\n                            topRef={topRef}\n                            onWheel={onWheel}\n                            midGap={midGap}\n                            bottomShadow={isHeaderRaised}\n                          />\n                        )}\n                        {!hideHeader && rightCols.length > 0 && (\n                          <TopRightPart\n                            onWheel={onWheel}\n                            columns={rightCols}\n                            columnGroups={rightGroups}\n                            leftShadow={isRightRaised}\n                            bottomShadow={isHeaderRaised}\n                          />\n                        )}\n                        {leftCols.length > 0 && (\n                          <LeftPart\n                            leftRef={leftRef}\n                            onWheel={onWheel}\n                            columns={leftCols}\n                            rows={rows}\n                            rightShadow={isLeftRaised}\n                            hoverOverRowKey={hoverRowKey}\n                            setHoverOverRowKey={setHoverRowKey}\n                            zebra={zebra}\n                            getRowValidationStatus={getRowValidationStatus}\n                          />\n                        )}\n                        <MiddlePart\n                          middleRef={middleRef}\n                          onWheel={onWheel}\n                          columns={bodyVisibleColumns}\n                          rows={rows}\n                          hoverOverRowKey={hoverRowKey}\n                          setHoverOverRowKey={setHoverRowKey}\n                          midGap={midGap}\n                          zebra={zebra}\n                          getRowValidationStatus={getRowValidationStatus}\n                        />\n                        {rightCols.length > 0 && (\n                          <RightPart\n                            rightRef={rightRef}\n                            onWheel={onWheel}\n                            columns={rightCols}\n                            rows={rows}\n                            leftShadow={isRightRaised}\n                            hoverOverRowKey={hoverRowKey}\n                            setHoverOverRowKey={setHoverRowKey}\n                            zebra={zebra}\n                            getRowValidationStatus={getRowValidationStatus}\n                          />\n                        )}\n                        <ColumnDropTarget x={activeTarget?.x} />\n                        <ColumnGhost\n                          columns={cols}\n                          rows={rows}\n                          dragState={dragState}\n                          zebra={zebra}\n                        />\n                      </div>\n                    </ColumnSortContext.Provider>\n                  </ColumnDataContext.Provider>\n                </EditorContext.Provider>\n              </SizingContext.Provider>\n            </CursorContext.Provider>\n          </ColumnDragContext.Provider>\n        </SelectionContext.Provider>\n      </LayoutContext.Provider>\n    </GridContext.Provider>\n  );\n};\n"],"names":["SortOrder","Grid","gridCss","_a","c"],"mappings":"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"}

package/dist-es/GridColumn.js

@@ -0,0 +1,39 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useRef, useState, useEffect, Children, isValidElement, cloneElement } from 'react';
+import { useGridContext } from './GridContext.js';
+
+const GridColumn = function GridColumn2(props) {
+  const { defaultWidth } = props;
+  const indexRef = useRef();
+  const [width, setWidth] = useState(
+    defaultWidth !== void 0 ? defaultWidth : 100
+  );
+  const grid = useGridContext();
+  const onWidthChanged = (w) => {
+    setWidth(w);
+    if (props.onWidthChanged) {
+      props.onWidthChanged(w);
+    }
+  };
+  const info = {
+    width,
+    onWidthChanged,
+    props
+  };
+  useEffect(() => {
+    indexRef.current = grid.getChildIndex(props.id);
+    grid.onColumnAdded(info);
+    return () => {
+      grid.onColumnRemoved(indexRef.current, info);
+    };
+  });
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: Children.map(
+      props.children,
+      (ch) => isValidElement(ch) ? cloneElement(ch, { columnId: props.id }) : ch
+    )
+  });
+};
+
+export { GridColumn };
+//# sourceMappingURL=GridColumn.js.map

package/dist-es/GridColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridColumn.js","sources":["../src/GridColumn.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  ComponentType,\n  CSSProperties,\n  isValidElement,\n  KeyboardEvent,\n  ReactNode,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useGridContext } from \"./GridContext\";\nimport { GridColumnModel, GridRowModel, SortOrder } from \"./Grid\";\n\nexport type GridColumnPin = \"left\" | \"right\" | null;\n\nexport type CellValidationState = \"error\" | \"warning\" | \"success\";\ntype CellValidationType = \"strong\" | \"light\";\n\nexport interface GridCellProps<T, U = any> {\n  row: GridRowModel<T>;\n  column: GridColumnModel<T>;\n  className?: string;\n  style?: CSSProperties;\n  isFocused?: boolean;\n  isSelected?: boolean;\n  isEditable?: boolean;\n  children?: ReactNode;\n  align?: GridColumnProps[\"align\"];\n  value?: U;\n  validationStatus?: CellValidationState;\n  validationMessage?: string;\n  validationType?: CellValidationType;\n}\n\nexport interface GridCellValueProps<T, U = any> {\n  row: GridRowModel<T>;\n  column: GridColumnModel<T>;\n  isFocused?: boolean;\n  value?: U;\n  validationStatus?: CellValidationState;\n  validationMessage?: string;\n  validationType?: CellValidationType;\n}\n\nexport interface HeaderCellProps<T> {\n  column: GridColumnModel<T>;\n  children: ReactNode;\n  isFocused?: boolean;\n}\n\nexport interface GridHeaderValueProps<T> {\n  column: GridColumnModel<T>;\n  isFocused?: boolean;\n}\n\nexport interface GridEditorProps<T> {\n  row: GridRowModel<T>;\n  column: GridColumnModel<T>;\n}\n\nexport interface GridColumnProps<T = any> {\n  /**\n   * Unique identifier of the column.\n   * */\n  id: string; // TODO make optional\n  /**\n   * Enables sorting (by sort order: `asc | desc | none`) for the column.\n   * To enable column header's keyboard navigation on sort,\n   * users need to set `headerIsFocusable` prop to `true` in Grid component.\n   * To customise how GridColumn data sorts, use also  `customSort` or `onSortOrderChanged`.\n   * */\n  sortable?: boolean;\n  /**\n   * Custom sorting function. Use for client side sorting.\n   * */\n  customSort?: (args: { rowData: T[]; sortOrder: SortOrder }) => T[];\n  /**\n   * Exposes GridColumn sort order. Use for server side sorting.\n   * */\n  onSortOrderChange?: (args: { sortOrder: SortOrder }) => void;\n  /**\n   * Name is displayed on the column header by default.\n   * */\n  name?: string;\n  /**\n   * Default width of the column in `px`.\n   * */\n  defaultWidth?: number;\n  /**\n   * Min width of the column.\n   * */\n  minWidth?: number;\n  /**\n   * Callback invoked when the user resizes the column.\n   * */\n  onWidthChanged?: (width: number) => void;\n  /**\n   * Whether the column should be pinned `left` or `right`. By default columns\n   * are unpinned. Accepts `\"left\" | \"right\" | null`.\n   * */\n  pinned?: GridColumnPin;\n  /**\n   * Text align for the header and cells.\n   * */\n  align?: \"left\" | \"right\";\n  /**\n   * Component to render for every cell in the column. Useful when major\n   * customization is needed. Use this only if `cellValueComponent` is not\n   * sufficient. Default implementation of cell component takes care of\n   * selection, hover, focus and other basic grid features.\n   * */\n  cellComponent?: ComponentType<GridCellProps<T>>;\n  /**\n   * Component to render inside every cell. This is the preferred way of\n   * customizing grid cells.\n   * */\n  cellValueComponent?: ComponentType<GridCellValueProps<T>>;\n  /**\n   * Cell value getter. Should return the value to be displayed in the cell\n   * for the given row data item.\n   * */\n  getValue?: (rowData: T) => any;\n  /**\n   * Cell validation status getter. Should return one of the known validation status names: \"none\" | \"error\" | \"warning\"\n   * If you require a custom validation status, you can achieve that by providing a custom cell component.\n   * */\n  getValidationStatus?: (\n    value: GridCellValueProps<T>\n  ) => CellValidationState | undefined;\n  /**\n   * Cell validation status message getter. Should return a string description of the validation state that can be used for the screen reader.\n   * This prop is optional but if you don't provide a function a default message will be used.\n   * */\n  getValidationMessage?: (value: GridCellValueProps<T>) => string | undefined;\n  /**\n   * Cell validation type. Determines the visual style of the validation. The available values are \"strong\" and \"light\". Strong will display the icon\n   * along side the background and border. Light will only affect border and background. Use light if you are validation the whole row, and optionally\n   * strong on one of the columns, and strong if you are validating user input on a particular cell.\n   * The default value is \"light\".\n   * */\n  validationType?: GridCellProps<T>[\"validationType\"];\n  /**\n   * CSS class to be applied to the column header.\n   * Useful for minor customizations\n   * */\n  headerClassName?: string;\n  /**\n   * Custom header component. Use this when `headerValueComponent` doesn't\n   * provide enough flexibility.\n   * */\n  headerComponent?: ComponentType<HeaderCellProps<T>>;\n  /**\n   * Renders the content of the column header. This is the preferred way of\n   * customizing column headers.\n   * */\n  headerValueComponent?: ComponentType<GridHeaderValueProps<T>>;\n  /**\n   * A callback to be invoked when the user modifies a cell value.\n   * */\n  onChange?: (row: T, rowIndex: number, value: string) => void;\n  /**\n   * A callback to be invoked on key down when the focus is in this column.\n   */\n  onKeyDown?: (event: KeyboardEvent<HTMLDivElement>, rowIndex: number) => void;\n  /**\n   * Children is optional, and accepts non-rendered elements i.e. `CellEditor`\n   */\n  children?: ReactNode;\n  /**\n   * aria-label is optional, and accepts any string value\n   */\n  \"aria-label\"?: string;\n}\n\nexport interface GridColumnInfo<T> {\n  width: number;\n  onWidthChanged: (width: number) => void;\n  props: GridColumnProps<T>;\n}\n\nexport const GridColumn = function GridColumn<T = any>(\n  props: GridColumnProps<T>\n) {\n  const { defaultWidth } = props;\n  const indexRef = useRef<number>();\n  const [width, setWidth] = useState<number>(\n    defaultWidth !== undefined ? defaultWidth : 100\n  );\n\n  const grid = useGridContext();\n\n  const onWidthChanged = (w: number) => {\n    setWidth(w);\n    if (props.onWidthChanged) {\n      props.onWidthChanged(w);\n    }\n  };\n\n  const info: GridColumnInfo<T> = {\n    width,\n    onWidthChanged,\n    props,\n  };\n\n  useEffect(() => {\n    indexRef.current = grid.getChildIndex(props.id);\n    grid.onColumnAdded(info);\n    return () => {\n      grid.onColumnRemoved(indexRef.current!, info);\n    };\n  });\n\n  return (\n    <>\n      {Children.map(props.children, (ch) =>\n        isValidElement(ch)\n          ? cloneElement(ch, { columnId: props.id } as any)\n          : ch\n      )}\n    </>\n  );\n};\n"],"names":["GridColumn"],"mappings":";;;;AAsLa,MAAA,UAAA,GAAa,SAASA,WAAAA,CACjC,KACA,EAAA;AACA,EAAM,MAAA,EAAE,cAAiB,GAAA,KAAA,CAAA;AACzB,EAAA,MAAM,WAAW,MAAe,EAAA,CAAA;AAChC,EAAM,MAAA,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAA,QAAA;AAAA,IACxB,YAAA,KAAiB,SAAY,YAAe,GAAA,GAAA;AAAA,GAC9C,CAAA;AAEA,EAAA,MAAM,OAAO,cAAe,EAAA,CAAA;AAE5B,EAAM,MAAA,cAAA,GAAiB,CAAC,CAAc,KAAA;AACpC,IAAA,QAAA,CAAS,CAAC,CAAA,CAAA;AACV,IAAA,IAAI,MAAM,cAAgB,EAAA;AACxB,MAAA,KAAA,CAAM,eAAe,CAAC,CAAA,CAAA;AAAA,KACxB;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,IAA0B,GAAA;AAAA,IAC9B,KAAA;AAAA,IACA,cAAA;AAAA,IACA,KAAA;AAAA,GACF,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,QAAA,CAAS,OAAU,GAAA,IAAA,CAAK,aAAc,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAC9C,IAAA,IAAA,CAAK,cAAc,IAAI,CAAA,CAAA;AACvB,IAAA,OAAO,MAAM;AACX,MAAK,IAAA,CAAA,eAAA,CAAgB,QAAS,CAAA,OAAA,EAAU,IAAI,CAAA,CAAA;AAAA,KAC9C,CAAA;AAAA,GACD,CAAA,CAAA;AAED,EACE,uBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,IACG,QAAS,EAAA,QAAA,CAAA,GAAA;AAAA,MAAI,KAAM,CAAA,QAAA;AAAA,MAAU,CAAC,EAAA,KAC7B,cAAe,CAAA,EAAE,CACb,GAAA,YAAA,CAAa,EAAI,EAAA,EAAE,QAAU,EAAA,KAAA,CAAM,EAAG,EAAQ,CAC9C,GAAA,EAAA;AAAA,KACN;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/GridContext.js

@@ -0,0 +1,15 @@
+import { createContext, useContext } from 'react';
+
+const GridContext = createContext(
+  void 0
+);
+const useGridContext = () => {
+  const c = useContext(GridContext);
+  if (!c) {
+    throw new Error(`useGridContext invoked outside of a Grid`);
+  }
+  return c;
+};
+
+export { GridContext, useGridContext };
+//# sourceMappingURL=GridContext.js.map

package/dist-es/GridContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridContext.js","sources":["../src/GridContext.tsx"],"sourcesContent":["import type { GridColumnInfo } from \"./GridColumn\";\nimport { createContext, useContext } from \"react\";\nimport type { ColumnGroupProps } from \"./ColumnGroup\";\nimport type { CellEditorInfo } from \"./CellEditor\";\n\nexport interface GridContext<T> {\n  getChildIndex: (columnId: string) => number;\n\n  onColumnAdded: (columnInfo: GridColumnInfo<T>) => void;\n  onColumnRemoved: (index: number, columnInfo: GridColumnInfo<T>) => void;\n  onColumnGroupAdded: (colGroupProps: ColumnGroupProps) => void;\n  onColumnGroupRemoved: (\n    index: number,\n    colGroupProps: ColumnGroupProps\n  ) => void;\n\n  onEditorAdded: (editorInfo: CellEditorInfo<T>) => void;\n  onEditorRemoved: (editorInfo: CellEditorInfo<T>) => void;\n\n  getEditor: (columnId: string) => CellEditorInfo<T> | undefined;\n}\n\nexport const GridContext = createContext<GridContext<any> | undefined>(\n  undefined\n);\n\nexport const useGridContext = () => {\n  const c = useContext(GridContext);\n  if (!c) {\n    throw new Error(`useGridContext invoked outside of a Grid`);\n  }\n  return c;\n};\n"],"names":[],"mappings":";;AAsBO,MAAM,WAAc,GAAA,aAAA;AAAA,EACzB,KAAA,CAAA;AACF,EAAA;AAEO,MAAM,iBAAiB,MAAM;AAClC,EAAM,MAAA,CAAA,GAAI,WAAW,WAAW,CAAA,CAAA;AAChC,EAAA,IAAI,CAAC,CAAG,EAAA;AACN,IAAM,MAAA,IAAI,MAAM,CAA0C,wCAAA,CAAA,CAAA,CAAA;AAAA,GAC5D;AACA,EAAO,OAAA,CAAA,CAAA;AACT;;;;"}

package/dist-es/GroupHeaderCell.css.js

@@ -0,0 +1,4 @@
+var css_248z = ".saltGridGroupHeaderCell {\n  text-align: left;\n  padding: var(--grid-cell-padding);\n  position: relative;\n  color: var(--grid-groupHeader-color);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  font-size: var(--grid-groupHeader-fontSize);\n  font-weight: var(--grid-groupHeader-fontWeight);\n}\n\n.saltGridGroupHeaderCell-rowSeparator {\n  position: absolute;\n  left: var(--grid-headerRowSeparator-gap);\n  right: calc(1px + var(--grid-headerRowSeparator-gap));\n  bottom: 0;\n  height: var(--grid-headerRowSeparator-height);\n  background: var(--grid-groupHeaderRowSeparator-color);\n}\n\n.saltGridGroupHeaderCell-firstGroupRowSeparator {\n  position: absolute;\n  left: 0;\n  right: 4px;\n  bottom: 0;\n  height: 1px;\n  background: var(--grid-groupHeaderRowSeparator-color);\n}\n\n.saltGridGroupHeaderCell-lastGroupRowSeparator {\n  position: absolute;\n  left: 4px;\n  right: 0;\n  bottom: 0;\n  height: 1px;\n  background: var(--grid-groupHeaderRowSeparator-color);\n}\n\n.saltGridGroupHeaderCell-columnSeparator,\n.saltGridGroupHeaderCell-pinnedSeparator {\n  position: absolute;\n  right: 0;\n  top: 4px;\n  bottom: 0;\n  width: 1px;\n  background: var(--grid-headerColumnSeparator-color);\n}\n\n.saltGrid-pinnedSeparators .saltGridGroupHeaderCell-pinnedSeparator {\n  position: absolute;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  width: 1px;\n  background: var(--grid-pinnedSeparator-color);\n}\n";
+
+export { css_248z as default };
+//# sourceMappingURL=GroupHeaderCell.css.js.map

package/dist-es/GroupHeaderCell.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupHeaderCell.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist-es/GroupHeaderCell.js

@@ -0,0 +1,50 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { clsx } from 'clsx';
+import { makePrefixer } from '@salt-ds/core';
+import { useWindow } from '@salt-ds/window';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useColumnDataContext } from './ColumnDataContext.js';
+import css_248z from './GroupHeaderCell.css.js';
+
+const withBaseName = makePrefixer("saltGridGroupHeaderCell");
+function GroupHeaderCell(props) {
+  var _a;
+  const { group } = props;
+  const targetWindow = useWindow();
+  useComponentCssInjection({
+    testId: "salt-group-header-cell",
+    css: css_248z,
+    window: targetWindow
+  });
+  const { colSpan, columnSeparator, rowSeparator } = group;
+  const { getColById } = useColumnDataContext();
+  const firstChild = getColById(group.childrenIds[0]);
+  return /* @__PURE__ */ jsxs("th", {
+    className: withBaseName(),
+    colSpan,
+    "aria-colspan": colSpan,
+    "aria-colindex": ((_a = firstChild == null ? void 0 : firstChild.index) != null ? _a : 0) + 1,
+    "data-testid": "column-group-header",
+    "data-group-index": group.index,
+    role: "columnheader",
+    children: [
+      props.children,
+      /* @__PURE__ */ jsx("div", {
+        className: clsx({
+          [withBaseName("rowSeparator")]: rowSeparator === "regular",
+          [withBaseName("firstGroupRowSeparator")]: rowSeparator === "first",
+          [withBaseName("lastGroupRowSeparator")]: rowSeparator === "last"
+        })
+      }),
+      columnSeparator === "regular" ? /* @__PURE__ */ jsx("div", {
+        className: withBaseName("columnSeparator")
+      }) : null,
+      columnSeparator === "pinned" ? /* @__PURE__ */ jsx("div", {
+        className: withBaseName("pinnedSeparator")
+      }) : null
+    ]
+  });
+}
+
+export { GroupHeaderCell };
+//# sourceMappingURL=GroupHeaderCell.js.map

package/dist-es/GroupHeaderCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupHeaderCell.js","sources":["../src/GroupHeaderCell.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport { clsx } from \"clsx\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport { GridColumnGroupModel } from \"./Grid\";\nimport { useColumnDataContext } from \"./ColumnDataContext\";\n\nimport groupHeaderCellCss from \"./GroupHeaderCell.css\";\n\nconst withBaseName = makePrefixer(\"saltGridGroupHeaderCell\");\n\nexport interface GroupHeaderCellProps {\n  group: GridColumnGroupModel;\n  children: ReactNode;\n}\n\nexport function GroupHeaderCell(props: GroupHeaderCellProps) {\n  const { group } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-group-header-cell\",\n    css: groupHeaderCellCss,\n    window: targetWindow,\n  });\n\n  const { colSpan, columnSeparator, rowSeparator } = group;\n  const { getColById } = useColumnDataContext();\n  const firstChild = getColById(group.childrenIds[0]);\n\n  return (\n    <th\n      className={withBaseName()}\n      colSpan={colSpan}\n      aria-colspan={colSpan}\n      aria-colindex={(firstChild?.index ?? 0) + 1}\n      data-testid=\"column-group-header\"\n      data-group-index={group.index}\n      role=\"columnheader\"\n    >\n      {props.children}\n      <div\n        className={clsx({\n          [withBaseName(\"rowSeparator\")]: rowSeparator === \"regular\",\n          [withBaseName(\"firstGroupRowSeparator\")]: rowSeparator === \"first\",\n          [withBaseName(\"lastGroupRowSeparator\")]: rowSeparator === \"last\",\n        })}\n      />\n      {columnSeparator === \"regular\" ? (\n        <div className={withBaseName(\"columnSeparator\")} />\n      ) : null}\n      {columnSeparator === \"pinned\" ? (\n        <div className={withBaseName(\"pinnedSeparator\")} />\n      ) : null}\n    </th>\n  );\n}\n"],"names":["groupHeaderCellCss"],"mappings":";;;;;;;;AAWA,MAAM,YAAA,GAAe,aAAa,yBAAyB,CAAA,CAAA;AAOpD,SAAS,gBAAgB,KAA6B,EAAA;AAlB7D,EAAA,IAAA,EAAA,CAAA;AAmBE,EAAM,MAAA,EAAE,OAAU,GAAA,KAAA,CAAA;AAElB,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,wBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,EAAE,OAAA,EAAS,eAAiB,EAAA,YAAA,EAAiB,GAAA,KAAA,CAAA;AACnD,EAAM,MAAA,EAAE,UAAW,EAAA,GAAI,oBAAqB,EAAA,CAAA;AAC5C,EAAA,MAAM,UAAa,GAAA,UAAA,CAAW,KAAM,CAAA,WAAA,CAAY,CAAE,CAAA,CAAA,CAAA;AAElD,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA;AAAA,IACC,WAAW,YAAa,EAAA;AAAA,IACxB,OAAA;AAAA,IACA,cAAc,EAAA,OAAA;AAAA,IACd,eAAgB,EAAA,CAAA,CAAA,EAAA,GAAA,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAY,KAAZ,KAAA,IAAA,GAAA,EAAA,GAAqB,CAAK,IAAA,CAAA;AAAA,IAC1C,aAAY,EAAA,qBAAA;AAAA,IACZ,oBAAkB,KAAM,CAAA,KAAA;AAAA,IACxB,IAAK,EAAA,cAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,MAAM,KAAA,CAAA,QAAA;AAAA,sBACN,GAAA,CAAA,KAAA,EAAA;AAAA,QACC,WAAW,IAAK,CAAA;AAAA,UACd,CAAC,YAAA,CAAa,cAAc,CAAA,GAAI,YAAiB,KAAA,SAAA;AAAA,UACjD,CAAC,YAAA,CAAa,wBAAwB,CAAA,GAAI,YAAiB,KAAA,OAAA;AAAA,UAC3D,CAAC,YAAA,CAAa,uBAAuB,CAAA,GAAI,YAAiB,KAAA,MAAA;AAAA,SAC3D,CAAA;AAAA,OACH,CAAA;AAAA,MACC,eAAA,KAAoB,4BAClB,GAAA,CAAA,KAAA,EAAA;AAAA,QAAI,SAAA,EAAW,aAAa,iBAAiB,CAAA;AAAA,OAAG,CAC/C,GAAA,IAAA;AAAA,MACH,eAAA,KAAoB,2BAClB,GAAA,CAAA,KAAA,EAAA;AAAA,QAAI,SAAA,EAAW,aAAa,iBAAiB,CAAA;AAAA,OAAG,CAC/C,GAAA,IAAA;AAAA,KAAA;AAAA,GACN,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/GroupHeaderCellValue.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+
+function GroupHeaderCellValue(props) {
+  const { group } = props;
+  const title = group.data.name;
+  return /* @__PURE__ */ jsx("span", {
+    children: title
+  });
+}
+
+export { GroupHeaderCellValue };
+//# sourceMappingURL=GroupHeaderCellValue.js.map

package/dist-es/GroupHeaderCellValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupHeaderCellValue.js","sources":["../src/GroupHeaderCellValue.tsx"],"sourcesContent":["import { ColumnGroupCellValueProps } from \"./ColumnGroup\";\n\nexport function GroupHeaderCellValue(props: ColumnGroupCellValueProps) {\n  const { group } = props;\n  const title = group.data.name;\n  return <span>{title}</span>;\n}\n"],"names":[],"mappings":";;AAEO,SAAS,qBAAqB,KAAkC,EAAA;AACrE,EAAM,MAAA,EAAE,OAAU,GAAA,KAAA,CAAA;AAClB,EAAM,MAAA,KAAA,GAAQ,MAAM,IAAK,CAAA,IAAA,CAAA;AACzB,EAAA,uBAAQ,GAAA,CAAA,MAAA,EAAA;AAAA,IAAM,QAAA,EAAA,KAAA;AAAA,GAAM,CAAA,CAAA;AACtB;;;;"}

package/dist-es/HeaderCell.css.js

@@ -0,0 +1,4 @@
+var css_248z = ".saltGridHeaderCell {\n  text-align: left;\n  font-size: var(--grid-header-fontSize);\n  font-weight: var(--salt-text-label-fontWeight-strong);\n  line-height: var(--grid-row-height);\n  position: relative;\n  box-sizing: border-box;\n  color: var(--grid-header-color);\n  white-space: nowrap;\n  outline: 0;\n}\n\n.saltGridHeaderCell-valueContainer {\n  line-height: var(--grid-row-height);\n  padding: var(--grid-cell-padding);\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.saltGridHeaderCell-alignRight {\n  text-align: right;\n}\n\n.saltGridHeaderCell-alignRightWithSortOrder {\n  margin-left: calc(var(--salt-size-unit) * 2);\n}\n\n.saltGridHeaderCell-alignLeftWithSortOrder {\n  margin-right: calc(var(--salt-size-unit) * 2);\n}\n\n.saltGridHeaderCell-autosizeContainer {\n  line-height: var(--grid-row-height);\n  padding: 0;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  overflow: hidden;\n}\n\n.saltGridHeaderCell-measuredContent {\n  height: 100%;\n  display: inline-block;\n  padding: var(--grid-cell-padding);\n}\n\n.saltGridHeaderCell-text {\n  color: var(--grid-header-color);\n  overflow: hidden;\n}\n\n.saltGridHeaderCell-regularSeparator {\n  background: var(--grid-headerColumnSeparator-color);\n  width: 1px;\n  height: auto;\n  position: absolute;\n  right: 0;\n  top: var(--grid-separatorGap);\n  bottom: var(--grid-separatorGap);\n}\n\n.saltGridHeaderCell-groupEdgeSeparator,\n.saltGridHeaderCell-pinnedSeparator {\n  background: var(--grid-headerColumnSeparator-color);\n  width: 1px;\n  height: auto;\n  position: absolute;\n  right: 0;\n  top: 0;\n  bottom: var(--grid-separatorGap);\n}\n\n.saltGrid-pinnedSeparators .saltGridHeaderCell-pinnedSeparator {\n  background: var(--grid-pinnedSeparator-color);\n  width: 1px;\n  position: absolute;\n  right: 0;\n  top: 0;\n  bottom: 0;\n}\n\n.saltGridHeaderCell-resizeHandle {\n  position: absolute;\n  right: -8px;\n  top: 0;\n  bottom: 0;\n  width: 16px;\n  background: transparent;\n  cursor: col-resize;\n  z-index: 2;\n}\n\n.saltGridHeaderCell-sortable {\n  cursor: pointer;\n}\n\n.saltGridHeaderCell-sortingIcon {\n  display: flex;\n  margin: 0 var(--salt-size-unit);\n}\n\n.saltGridHeaderCell-sortingIconStart {\n  justify-content: start;\n}\n\n.saltGridHeaderCell-sortingIconEnd {\n  justify-content: end;\n}\n";
+
+export { css_248z as default };
+//# sourceMappingURL=HeaderCell.css.js.map

package/dist-es/HeaderCell.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCell.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist-es/HeaderCell.js

@@ -0,0 +1,181 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useRef } from 'react';
+import { clsx } from 'clsx';
+import { makePrefixer, useIsomorphicLayoutEffect } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { ArrowUpIcon, ArrowDownIcon } from '@salt-ds/icons';
+import { SortOrder } from './Grid.js';
+import { useSizingContext } from './SizingContext.js';
+import { useColumnDragContext } from './ColumnDragContext.js';
+import './internal/Cell.js';
+import './internal/CellMeasure.js';
+import { Cursor } from './internal/Cursor.js';
+import './internal/GroupHeaderRow.js';
+import './internal/HeaderRow.js';
+import './internal/LeftPart.js';
+import './internal/MiddlePart.js';
+import './internal/RightPart.js';
+import './internal/Scrollable.js';
+import './internal/TableRow.js';
+import './SelectionContext.js';
+import './EditorContext.js';
+import './CursorContext.js';
+import { useFocusableContent } from './internal/gridHooks.js';
+import './internal/TopLeftPart.js';
+import './internal/TopPart.js';
+import './internal/TopRightPart.js';
+import './internal/DefaultCellValue.js';
+import { useColumnSortContext } from './ColumnSortContext.js';
+import css_248z from './HeaderCell.css.js';
+
+const withBaseName = makePrefixer("saltGridHeaderCell");
+function HeaderCellSeparator(props) {
+  const className = withBaseName([props.separatorType, "Separator"].join(""));
+  return /* @__PURE__ */ jsx("div", {
+    className
+  });
+}
+function HeaderCell(props) {
+  const { column, children, isFocused } = props;
+  const targetWindow = useWindow();
+  useComponentCssInjection({
+    testId: "salt-header-cell",
+    css: css_248z,
+    window: targetWindow
+  });
+  const { separator } = column;
+  const { align, id, headerClassName, sortable, onSortOrderChange } = column.info.props;
+  const { onResizeHandleMouseDown } = useSizingContext();
+  const { columnMove, onColumnMoveHandleMouseDown } = useColumnDragContext();
+  const onMouseDown = columnMove ? onColumnMoveHandleMouseDown : void 0;
+  const { ref, isFocusableContent, onFocus } = useFocusableContent();
+  const {
+    onClickSortColumn,
+    setSortByColumnId,
+    sortOrder,
+    sortByColumnId,
+    setSortOrder
+  } = useColumnSortContext();
+  const valueAlignRight = align === "right";
+  const HeaderCellSortingIcon = ({ justify }) => {
+    const className = withBaseName("sortingIcon");
+    const icon = /* @__PURE__ */ jsxs("div", {
+      className: clsx(className, {
+        [withBaseName("sortingIconStart")]: justify === "start",
+        [withBaseName("sortingIconEnd")]: justify === "end"
+      }),
+      "aria-hidden": true,
+      children: [
+        sortOrder === SortOrder.ASC && /* @__PURE__ */ jsx(ArrowUpIcon, {}),
+        sortOrder === SortOrder.DESC && /* @__PURE__ */ jsx(ArrowDownIcon, {})
+      ]
+    });
+    return icon;
+  };
+  const ariaSortMap = {
+    asc: "ascending",
+    desc: "descending",
+    none: "none"
+  };
+  const ariaSort = ariaSortMap[sortOrder];
+  const order = sortOrder === SortOrder.ASC ? SortOrder.DESC : sortOrder === SortOrder.DESC ? SortOrder.NONE : SortOrder.ASC;
+  const withSortOrder = sortOrder !== SortOrder.NONE && sortByColumnId === id;
+  const onClick = () => {
+    if (onSortOrderChange) {
+      setSortByColumnId(id);
+      setSortOrder(order);
+      onSortOrderChange({ sortOrder: order });
+      return;
+    }
+    setSortByColumnId(id);
+    onClickSortColumn(id);
+  };
+  const onKeyDown = (event) => {
+    if (event.key === "Enter" || event.key === " ") {
+      onClick();
+    }
+  };
+  return /* @__PURE__ */ jsxs("th", {
+    ref,
+    "aria-colindex": column.index + 1,
+    "data-column-index": column.index,
+    className: clsx(withBaseName(), headerClassName, {
+      [withBaseName("sortable")]: sortable
+    }),
+    role: "columnheader",
+    "data-testid": "column-header",
+    tabIndex: isFocused && !isFocusableContent ? 0 : -1,
+    onFocus,
+    onClick: sortable ? onClick : void 0,
+    onKeyDown: sortable ? onKeyDown : void 0,
+    "aria-sort": sortByColumnId === id && sortable ? ariaSort : void 0,
+    "aria-label": column.info.props["aria-label"],
+    children: [
+      sortByColumnId === id && sortable && valueAlignRight && /* @__PURE__ */ jsx(HeaderCellSortingIcon, {
+        justify: "start"
+      }),
+      /* @__PURE__ */ jsx("div", {
+        className: clsx(withBaseName("valueContainer"), {
+          [withBaseName("alignRight")]: valueAlignRight,
+          [withBaseName("alignRightWithSortOrder")]: valueAlignRight && withSortOrder,
+          [withBaseName("alignLeftWithSortOrder")]: !valueAlignRight && withSortOrder
+        }),
+        onMouseDown,
+        children
+      }),
+      sortByColumnId === id && sortable && !valueAlignRight && /* @__PURE__ */ jsx(HeaderCellSortingIcon, {
+        justify: "end"
+      }),
+      /* @__PURE__ */ jsx(HeaderCellSeparator, {
+        separatorType: separator
+      }),
+      /* @__PURE__ */ jsx("div", {
+        "data-testid": `column-${column.index}-resize-handle`,
+        className: withBaseName("resizeHandle"),
+        onMouseDown: onResizeHandleMouseDown
+      }),
+      isFocused && !isFocusableContent && /* @__PURE__ */ jsx(Cursor, {})
+    ]
+  });
+}
+function AutoSizeHeaderCell(props) {
+  const { column, children, isFocused } = props;
+  const { separator } = column;
+  const valueContainerRef = useRef(null);
+  const { resizeColumn } = useSizingContext();
+  const { ref, isFocusableContent, onFocus } = useFocusableContent();
+  useIsomorphicLayoutEffect(() => {
+    const width = valueContainerRef.current ? valueContainerRef.current.offsetWidth : void 0;
+    if (width != void 0 && width !== column.info.width) {
+      resizeColumn(column.index, width);
+    }
+  });
+  return /* @__PURE__ */ jsxs("th", {
+    ref,
+    "aria-colindex": column.index + 1,
+    "data-column-index": column.index,
+    className: withBaseName(),
+    role: "columnheader",
+    "data-testid": "column-header",
+    tabIndex: isFocused && !isFocusableContent ? 0 : -1,
+    onFocus,
+    children: [
+      /* @__PURE__ */ jsx("div", {
+        className: withBaseName("autosizeContainer"),
+        children: /* @__PURE__ */ jsx("div", {
+          ref: valueContainerRef,
+          className: withBaseName("measuredContent"),
+          children
+        })
+      }),
+      /* @__PURE__ */ jsx(HeaderCellSeparator, {
+        separatorType: separator
+      }),
+      isFocused && !isFocusableContent && /* @__PURE__ */ jsx(Cursor, {})
+    ]
+  });
+}
+
+export { AutoSizeHeaderCell, HeaderCell, HeaderCellSeparator };
+//# sourceMappingURL=HeaderCell.js.map

package/dist-es/HeaderCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCell.js","sources":["../src/HeaderCell.tsx"],"sourcesContent":["import { KeyboardEventHandler, useRef } from \"react\";\nimport { clsx } from \"clsx\";\nimport {\n  FlexContentAlignment,\n  makePrefixer,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { ArrowDownIcon, ArrowUpIcon } from \"@salt-ds/icons\";\n\nimport { ColumnSeparatorType, SortOrder } from \"./Grid\";\nimport { useSizingContext } from \"./SizingContext\";\nimport { useColumnDragContext } from \"./ColumnDragContext\";\nimport { Cursor, useFocusableContent } from \"./internal\";\nimport { HeaderCellProps } from \"./GridColumn\";\nimport { useColumnSortContext } from \"./ColumnSortContext\";\n\nimport headerCellCss from \"./HeaderCell.css\";\n\nconst withBaseName = makePrefixer(\"saltGridHeaderCell\");\n\nexport interface HeaderCellSeparatorProps {\n  separatorType: ColumnSeparatorType;\n}\n\nexport function HeaderCellSeparator(props: HeaderCellSeparatorProps) {\n  const className = withBaseName([props.separatorType, \"Separator\"].join(\"\"));\n  return <div className={className} />;\n}\n\ntype AriaSortProps = \"none\" | \"ascending\" | \"descending\";\n\nexport function HeaderCell<T>(props: HeaderCellProps<T>) {\n  const { column, children, isFocused } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-header-cell\",\n    css: headerCellCss,\n    window: targetWindow,\n  });\n\n  const { separator } = column;\n  const { align, id, headerClassName, sortable, onSortOrderChange } =\n    column.info.props;\n  const { onResizeHandleMouseDown } = useSizingContext();\n\n  const { columnMove, onColumnMoveHandleMouseDown } = useColumnDragContext();\n  const onMouseDown = columnMove ? onColumnMoveHandleMouseDown : undefined;\n\n  const { ref, isFocusableContent, onFocus } =\n    useFocusableContent<HTMLTableHeaderCellElement>();\n\n  const {\n    onClickSortColumn,\n    setSortByColumnId,\n    sortOrder,\n    sortByColumnId,\n    setSortOrder,\n  } = useColumnSortContext();\n\n  const valueAlignRight = align === \"right\";\n\n  interface HeaderCellSortingIconProps {\n    justify: FlexContentAlignment;\n  }\n\n  const HeaderCellSortingIcon = ({ justify }: HeaderCellSortingIconProps) => {\n    const className = withBaseName(\"sortingIcon\");\n    const icon = (\n      <div\n        className={clsx(className, {\n          [withBaseName(\"sortingIconStart\")]: justify === \"start\",\n          [withBaseName(\"sortingIconEnd\")]: justify === \"end\",\n        })}\n        aria-hidden\n      >\n        {sortOrder === SortOrder.ASC && <ArrowUpIcon />}\n        {sortOrder === SortOrder.DESC && <ArrowDownIcon />}\n      </div>\n    );\n\n    return icon;\n  };\n\n  const ariaSortMap = {\n    asc: \"ascending\",\n    desc: \"descending\",\n    none: \"none\",\n  };\n\n  const ariaSort = ariaSortMap[sortOrder] as AriaSortProps;\n\n  const order =\n    sortOrder === SortOrder.ASC\n      ? SortOrder.DESC\n      : sortOrder === SortOrder.DESC\n      ? SortOrder.NONE\n      : SortOrder.ASC;\n\n  const withSortOrder = sortOrder !== SortOrder.NONE && sortByColumnId === id;\n\n  const onClick = () => {\n    if (onSortOrderChange) {\n      setSortByColumnId(id);\n      setSortOrder(order);\n      onSortOrderChange({ sortOrder: order });\n      return;\n    }\n    setSortByColumnId(id);\n    onClickSortColumn(id);\n  };\n\n  const onKeyDown: KeyboardEventHandler<HTMLTableHeaderCellElement> = (\n    event\n  ) => {\n    if (event.key === \"Enter\" || event.key === \" \") {\n      onClick();\n    }\n  };\n\n  return (\n    <th\n      ref={ref}\n      aria-colindex={column.index + 1}\n      data-column-index={column.index}\n      className={clsx(withBaseName(), headerClassName, {\n        [withBaseName(\"sortable\")]: sortable,\n      })}\n      role=\"columnheader\"\n      data-testid=\"column-header\"\n      tabIndex={isFocused && !isFocusableContent ? 0 : -1}\n      onFocus={onFocus}\n      onClick={sortable ? onClick : undefined}\n      onKeyDown={sortable ? onKeyDown : undefined}\n      aria-sort={sortByColumnId === id && sortable ? ariaSort : undefined}\n      aria-label={column.info.props[\"aria-label\"]}\n    >\n      {sortByColumnId === id && sortable && valueAlignRight && (\n        <HeaderCellSortingIcon justify=\"start\" />\n      )}\n      <div\n        className={clsx(withBaseName(\"valueContainer\"), {\n          [withBaseName(\"alignRight\")]: valueAlignRight,\n          // both classNames below needed to ensure header cell title & sort icon do not overlap when column resized to be smaller\n          [withBaseName(\"alignRightWithSortOrder\")]:\n            valueAlignRight && withSortOrder,\n          [withBaseName(\"alignLeftWithSortOrder\")]:\n            !valueAlignRight && withSortOrder,\n        })}\n        onMouseDown={onMouseDown}\n      >\n        {children}\n      </div>\n      {sortByColumnId === id && sortable && !valueAlignRight && (\n        <HeaderCellSortingIcon justify=\"end\" />\n      )}\n      <HeaderCellSeparator separatorType={separator} />\n      <div\n        data-testid={`column-${column.index}-resize-handle`}\n        className={withBaseName(\"resizeHandle\")}\n        onMouseDown={onResizeHandleMouseDown}\n      />\n      {isFocused && !isFocusableContent && <Cursor />}\n    </th>\n  );\n}\n\nexport function AutoSizeHeaderCell<T>(props: HeaderCellProps<T>) {\n  const { column, children, isFocused } = props;\n  const { separator } = column;\n  const valueContainerRef = useRef<HTMLDivElement>(null);\n  const { resizeColumn } = useSizingContext();\n\n  const { ref, isFocusableContent, onFocus } =\n    useFocusableContent<HTMLTableHeaderCellElement>();\n\n  useIsomorphicLayoutEffect(() => {\n    const width = valueContainerRef.current\n      ? valueContainerRef.current.offsetWidth\n      : undefined;\n    if (width != undefined && width !== column.info.width) {\n      resizeColumn(column.index, width);\n    }\n  });\n\n  return (\n    <th\n      ref={ref}\n      aria-colindex={column.index + 1}\n      data-column-index={column.index}\n      className={withBaseName()}\n      role=\"columnheader\"\n      data-testid=\"column-header\"\n      tabIndex={isFocused && !isFocusableContent ? 0 : -1}\n      onFocus={onFocus}\n    >\n      <div className={withBaseName(\"autosizeContainer\")}>\n        <div\n          ref={valueContainerRef}\n          className={withBaseName(\"measuredContent\")}\n        >\n          {children}\n        </div>\n      </div>\n      <HeaderCellSeparator separatorType={separator} />\n      {isFocused && !isFocusableContent && <Cursor />}\n    </th>\n  );\n}\n"],"names":["headerCellCss"],"mappings":"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"}

package/dist-es/HeaderCellValue.js

@@ -0,0 +1,15 @@
+import { jsx } from 'react/jsx-runtime';
+import { makePrefixer } from '@salt-ds/core';
+
+const withBaseName = makePrefixer("saltGridHeaderCell");
+function HeaderCellValue(props) {
+  const { column } = props;
+  const title = column.info.props.name;
+  return /* @__PURE__ */ jsx("span", {
+    className: withBaseName("text"),
+    children: title
+  });
+}
+
+export { HeaderCellValue };
+//# sourceMappingURL=HeaderCellValue.js.map

package/dist-es/HeaderCellValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCellValue.js","sources":["../src/HeaderCellValue.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { GridHeaderValueProps } from \"./GridColumn\";\n\nconst withBaseName = makePrefixer(\"saltGridHeaderCell\");\n\nexport function HeaderCellValue<T>(props: GridHeaderValueProps<T>) {\n  const { column } = props;\n  const title = column.info.props.name;\n  return <span className={withBaseName(\"text\")}>{title}</span>;\n}\n"],"names":[],"mappings":";;;AAGA,MAAM,YAAA,GAAe,aAAa,oBAAoB,CAAA,CAAA;AAE/C,SAAS,gBAAmB,KAAgC,EAAA;AACjE,EAAM,MAAA,EAAE,QAAW,GAAA,KAAA,CAAA;AACnB,EAAM,MAAA,KAAA,GAAQ,MAAO,CAAA,IAAA,CAAK,KAAM,CAAA,IAAA,CAAA;AAChC,EAAA,uBAAQ,GAAA,CAAA,MAAA,EAAA;AAAA,IAAK,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,IAAI,QAAA,EAAA,KAAA;AAAA,GAAM,CAAA,CAAA;AACvD;;;;"}

package/dist-es/LayoutContext.js

@@ -0,0 +1,8 @@
+import { createContext } from 'react';
+
+const LayoutContext = createContext(
+  void 0
+);
+
+export { LayoutContext };
+//# sourceMappingURL=LayoutContext.js.map

package/dist-es/LayoutContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutContext.js","sources":["../src/LayoutContext.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport interface LayoutContext {\n  totalWidth: number;\n  totalHeight: number;\n  clientWidth: number;\n  clientHeight: number;\n}\n\nexport const LayoutContext = createContext<LayoutContext | undefined>(\n  undefined\n);\n\nexport const useLayoutContext = () => {\n  const c = useContext(LayoutContext);\n  if (!c) {\n    throw new Error(`useLayoutContext invoked outside of a Grid`);\n  }\n  return c;\n};\n"],"names":[],"mappings":";;AASO,MAAM,aAAgB,GAAA,aAAA;AAAA,EAC3B,KAAA,CAAA;AACF;;;;"}