@ctablex/core - npm Package Versions

0.6.0 (2025-02-16)

Breaking Changes

Package Restructure

• Rewrote @ctablex/core and moved core table concepts to @ctablex/table.

Context Changes

• All data now flows through ContentContext (replaces DataContext, RowContext, and other removed contexts).
• The TableComponentsProvider is replaced with TableElementsProvider

const elements: TableElements = {
  table: <table data-testid="ctx-table" />,
  thead: <thead data-testid="ctx-thead" />,
  tbody: <tbody data-testid="ctx-tbody" />,
  tfoot: <tfoot data-testid="ctx-tfoot" />,
  tr: <tr data-testid="ctx-tr" />,
  th: <th data-testid="ctx-th" />,
  td: <td data-testid="ctx-td" />,
};

<TableElementsProvider value={elements}>

Prop Cleanup

• Removed all deprecated *Props props (tdProps, thProps, etc.).
• Consolidated *El props into the el prop (e.g., tdEl → el).
  Exception: <Column /> retains thEl for header customization:

  <Column el={<td />} thEl={<th />} />
  

  Element Prop Behavior
• el now automatically injects children. For empty content, pass null explicitly:

  <Column el={<td>{null}</td>} /> // Explicit empty content
  

  (Ariakit-style [composition][ariakit composition])

Accessor Default Change

• Default accessor is no longer null. To replicate old behavior:

  // Old:
  <Column /> // (accessor=null)
  // New:
  <Column accessor={null} />
  

  Omitting accessor now passes content down without change.

Improvements

Type-Safe Accessors

• Accessor paths are now validated with TypeScript. Typos trigger immediate feedback:

  type Data = { name: { first: string; last: string } };
  
  <Column<Data> accessor="name.first" />  // ✅ Valid
  <Column<Data> accessor="name.las" />   // ❌ Error: "Did you mean 'name.last'?"
  

0.5.1 (2024-07-12)

• add repository to package.json (9350975)

0.5.0 (2024-07-12)

⚠ BREAKING CHANGES

• Change dist files and remove umd build
• Use vite for build (#2) (75c0cfb)

0.5.0 (2024-07-12)

⚠ BREAKING CHANGES

• Change dist files and remove umd build
• Use vite for build (#2) (75c0cfb)

0.4.0 (2022-10-16)

Highlights

Now components can be customized with xEl prop instead of xProps. It helps for a better type check.

return <Row TrProps={{ className: "zebra" }} />;
// vs
return (
  <Row
    trEl={
      <tr className="zebra">
        <Children />
      </tr>
    }
  />
);
// or
const MyTr = withDefaultChildren("tr");
return <Row trEl={<MyTr className="zebra" />} />;

Features

• add and use table elements context (0441555)
• add children context (f39f6ca)
• row: add and use CurrentRowDataProvider component (5ad330b)

Examples

• multipart: add multipart example (20ae64c)
• rename example directory names (53f1a22)

0.3.0 (2020-12-20)

Features

• add default children to table/table-body/table-header/row/rows components (7091f5f)
• columns: add part props in columns usage (1de25ca)
• accept and pass props to underlying components (d672f4d)

Examples

• complex-content: add complex content example (7553c57)

Documentations

• update readme and use new api (494dab0)

0.2.1 (2020-07-19)

Features

• columns: support multi part tables (be0152a)

Bug Fixes

• content-value: support missing value (66ee464)

Examples

• content: add custom content example (ff8cc88)
• material-ui: add material ui example (7bfe86b)

0.2.0 (2020-07-14)

⚠ BREAKING CHANGES

• rename context types and providers

Examples

• basic: add basic example (ecbf8cb)

Documentations

• basic-example: improve readme (fa29cb8)

• rename context types and providers (a28ddc9)

0.1.0 (2020-07-04)

Features

• add table components (f4d0d9a)

Documentations

• add the example section to the readme file (cc62e78)