useCellSelection hook

Gives you access to the cell selection in the current view.

The return type of this hook is an object with the following properties:

• columnIds - an array of column ids for the selected cells. Your selection might not be contiguous, and doesn't have to be, but this array contains the ids of all columns that have at least one selected cell.
• positions - an array of arrays. Each item in the array is in turn an array, and the array items correspond to the columnIds above. Each item in the inner array represents a row that has selection. In any given row, not all cells specified in the columnIds array might be selected, so for the cells that don't have selection, you'll have an empty string or null. For the cells that do have selection, you'll have an object with the following (for each cell):
  • rowId - the id of the row that has the selected cell.
  • value - the value of the selected cell.
  • columnId - the id of the column that has the selected cell.
  • columnDataType - the data type of the column that has the selected cell.

{
  columnIds: ['name', 'github_stars','language'],
  positions: [
    [
       { rowId: 'row1', value: 'React', columnId: 'name', columnDataType: 'string' },
       { rowId: 'row1', value: 1000, columnId: 'github_stars', columnDataType: 'number' },
       '', // the language column doesn't have a selected cell in this row
    ],
    [
        { rowId: 'row3', value: 'Angular', columnId: 'name', columnDataType: 'string' },
        '', // the github_stars column doesn't have a selected cell in this row
        { rowId: 'row3', value: 'TypeScript', columnId: 'language', columnDataType: 'string' },
    ]
  ]
}

import { useCellSelection } from '@adaptabletools/adaptable-infinite-react';

function YourCmp() {
  const cellSelection = useCellSelection();

  if (!cellSelection) {
    return 'No cell selection!';
  }

  const { columnIds, positions } = cellSelection;

  return <Chart options={positions.map(row => ...)} />
}

function App() {
  return <Adaptable.Provider {...}>
    <YourCmp />
    <Adaptable.UI />
  <