koval-ui/dist/src/lib/DataTable/tableFeatures/useTableColumns.js

React components collection with minimalistic design. Supports theming, layout, and input validation.

"use client";
import { jsx as o } from "react/jsx-runtime";
import { useMemo as S, useState as j, useEffect as B } from "react";
import { CellWrapper as f } from "../cells/CellWrapper.js";
import { ColumnHeaderCell as E } from "../cells/ColumnHeaderCell.js";
import { ColumnFooterCell as U } from "../cells/ColumnFooterCell.js";
import { ColumnTypes as e, CustomFilterFns as V, FilterModes as s, SortingModes as l } from "../types.js";
import { rowSelection as k } from "../columns/rowSelection.js";
import { ViewTextCell as q } from "../cells/ViewTextCell.js";
import { ViewDecimalCell as A } from "../cells/ViewDecimalCell.js";
import { ViewUnitCell as J } from "../cells/ViewUnitCell.js";
import { ViewDateCell as L } from "../cells/ViewDateCell.js";
import { ViewCurrencyCell as O } from "../cells/ViewCurrencyCell.js";
import { ViewPercentageCell as Q } from "../cells/ViewPercentageCell.js";
const T = (t) => typeof t == "string" || typeof t == "number" ? t : t?.toString(), X = {
  [e.text]: q,
  [e.unit]: J,
  [e.date]: L,
  [e.decimal]: A,
  [e.currency]: O,
  [e.percentage]: Q,
  [e.select]: void 0
}, Y = {
  [e.text]: l.text,
  [e.decimal]: l.basic,
  [e.currency]: l.basic,
  [e.percentage]: l.basic,
  [e.unit]: l.basic,
  [e.date]: l.basic,
  [e.select]: void 0
}, Z = (t, n) => n !== void 0 ? n : Y[t], _ = {
  [e.text]: s.includesString,
  [e.decimal]: s.inNumberRange,
  [e.currency]: s.inNumberRange,
  [e.percentage]: V.isInPercentRange,
  [e.unit]: s.inNumberRange,
  [e.date]: V.isInDateRange,
  [e.select]: void 0
}, $ = (t, n) => n !== void 0 ? n : _[t], K = (t, n) => t ? [k, ...n] : n, de = ({ columnsProp: t = [], selectable: n }) => {
  const d = S(() => K(!!n, [
    ...t.map(
      ({
        id: a,
        size: r = 166,
        name: u,
        accessorKey: m,
        accessorFn: g,
        editable: M = !0,
        filterable: v = !0,
        sortable: R = !0,
        pinnable: y = !0,
        columnCell: C,
        sortingFn: W,
        cellProps: b = {},
        columnType: c = e.text,
        filterFn: D,
        headerCell: x,
        footerCell: F,
        filterInput: H
      }) => {
        const N = C !== void 0 ? C : X[c], z = x !== void 0 ? x : E, G = F !== void 0 ? F : U;
        return {
          meta: {
            type: c,
            editable: M,
            // TODO: replace with columnProp
            accessorKey: m,
            cellProps: b,
            name: u,
            filterInput: H
          },
          ...m && { accessorKey: m },
          ...g && { accessorFn: g },
          id: a,
          sortingFn: Z(c, W),
          filterFn: $(c, D),
          size: r,
          enableColumnFilter: v,
          enableSorting: R,
          enablePinning: y,
          // disabled tanstack features.
          enableMultiSort: !1,
          enableGrouping: !1,
          enableResizing: !1,
          enableGlobalFilter: !1,
          enableHiding: !1,
          header: (i) => /* @__PURE__ */ o(f, { columnWidth: r, children: /* @__PURE__ */ o(z, { headerContext: i, title: u }) }),
          cell: (i) => {
            const I = T(i.getValue());
            return /* @__PURE__ */ o(f, { columnWidth: r, children: /* @__PURE__ */ o(
              N,
              {
                ...b,
                cellContext: i,
                value: I
              }
            ) });
          },
          footer: (i) => /* @__PURE__ */ o(f, { columnWidth: r, children: /* @__PURE__ */ o(G, { cellContext: i }) })
        };
      }
    )
  ]), [t, n]), [h, p] = j(d);
  B(() => {
    p(d);
  }, [d]);
  const w = S(
    () => t.map(({ id: a, name: r, columnType: u, editable: m = !0 }) => ({
      id: a,
      name: r,
      type: u,
      editable: m
    })).filter(({ editable: a }) => a),
    [t]
  );
  return { columns: h, setColumns: p, editableColumns: w };
};
export {
  de as useTableColumns
};
//# sourceMappingURL=useTableColumns.js.map