@serendie/ui/dist/components/DataTable/table/HeaderRow.js

Adaptive UI component library as part of Serendie Design System by Mitsubishi Electric

import { jsx as n, jsxs as g } from "react/jsx-runtime";
import f from "react";
import { flexRender as u } from "../../../node_modules/@tanstack/react-table/build/lib/index.js";
import { DataTable as t } from "../index.js";
import { css as R } from "../../../styled-system/css/css.js";
const w = ({
  headerGroup: r,
  enableRowSelection: d,
  table: o,
  children: l,
  className: c
}, s) => l ? /* @__PURE__ */ n(t.Tr, { ref: s, className: c, children: l }) : !r || !o ? null : /* @__PURE__ */ g(t.Tr, { ref: s, className: c, children: [
  d && /* @__PURE__ */ n(
    t.HeaderCheckbox,
    {
      checked: o.getIsSomeRowsSelected() ? "indeterminate" : !!o.getIsAllRowsSelected(),
      onChange: o.getToggleAllRowsSelectedHandler(),
      value: "select-all",
      className: R({
        verticalAlign: "middle"
      })
    }
  ),
  r.headers.map((e) => {
    const i = e.column.getCanSort(), a = e.column.getIsSorted();
    return /* @__PURE__ */ n(
      t.HeaderCell,
      {
        sortable: i,
        sortDirection: a,
        onSort: () => e.column.toggleSorting(),
        children: u(e.column.columnDef.header, e.getContext())
      },
      e.id
    );
  })
] }, r.id), m = f.forwardRef(w);
m.displayName = "HeaderRow";
const T = m;
export {
  T as HeaderRow
};