@appbuckets/react-ui/esm/RxTable/components/HeaderRow.js

Just Another React UI Framework

import * as React from 'react';
import { useRxTable } from '../RxTable.context.js';
import AllRowsSelector from '../atoms/AllRowsSelector.js';
import ColumnHeader from '../atoms/ColumnHeader.js';

/* --------
 * Component Definition
 * -------- */
var HeaderRow = function () {
  // ----
  // Get Context Props
  // ----
  var _a = useRxTable(),
    classes = _a.classes,
    HeaderRowComponent = _a.Components.HeaderRow,
    columns = _a.columns,
    isDataSelectable = _a.selection.enabled,
    hasFilterRow = _a.layout.hasFilterRow,
    styles = _a.styles;
  // ----
  // Row Render
  // ----
  return React.createElement(
    HeaderRowComponent,
    { className: classes.HeaderRow, style: styles.HeaderRow },
    columns.current.map(function (column, index) {
      return React.createElement(ColumnHeader, {
        key: column.key,
        className:
          isDataSelectable && index === 0 && !hasFilterRow
            ? 'selector'
            : undefined,
        column: column,
        isFilterHeader: false,
        overrideContent:
          isDataSelectable && index === 0 && !hasFilterRow
            ? React.createElement(AllRowsSelector, { key: column.key })
            : undefined,
      });
    })
  );
};
HeaderRow.displayName = 'HeaderRow';

export { HeaderRow as default };