twico-ui 1.32.1 → 1.33.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,13 @@
2
2
 
3
3
  All notable changes to Twico UI are documented here (newest first). This file is generated automatically on each release by [semantic-release](https://semantic-release.gitbook.io/) from [Conventional Commits](https://www.conventionalcommits.org/) — do not edit it by hand. The same notes appear on each [GitHub Release](https://github.com/EncryptionL/twico-ui/releases).
4
4
 
5
+ # [1.33.0](https://github.com/EncryptionL/twico-ui/compare/v1.32.1...v1.33.0) (2026-08-11)
6
+
7
+
8
+ ### Features
9
+
10
+ * **datatable:** per-cell cellClassName/cellStyle hooks on DatatableColumn ([ac58410](https://github.com/EncryptionL/twico-ui/commit/ac58410109b9a67ed7cb78717a3a98a8b8639cb1)), closes [#242](https://github.com/EncryptionL/twico-ui/issues/242) [#345](https://github.com/EncryptionL/twico-ui/issues/345)
11
+
5
12
  ## [1.32.1](https://github.com/EncryptionL/twico-ui/compare/v1.32.0...v1.32.1) (2026-08-11)
6
13
 
7
14
 
package/dist/index.cjs CHANGED
@@ -11519,11 +11519,13 @@ function Datatable({
11519
11519
  const cellId = selectionMode === "cell" ? `${gridId}-${ri}-${ci}` : void 0;
11520
11520
  const display = c.valueFormatter ? c.valueFormatter(val, row) : val;
11521
11521
  const cellTitle = !isActions && !c.renderCell && !isEditing && (typeof display === "string" || typeof display === "number") ? String(display) : void 0;
11522
+ const cellClass = c.cellClassName ? c.cellClassName(val, row) : void 0;
11523
+ const cellSty = c.cellStyle ? c.cellStyle(val, row) : void 0;
11522
11524
  return /* @__PURE__ */ jsxRuntime.jsxs(
11523
11525
  "td",
11524
11526
  {
11525
11527
  id: cellId,
11526
- className: "twc-dt__td",
11528
+ className: cellClass ? `twc-dt__td ${cellClass}` : "twc-dt__td",
11527
11529
  role: "gridcell",
11528
11530
  "data-r": ri,
11529
11531
  "data-c": ci,
@@ -11540,7 +11542,7 @@ function Datatable({
11540
11542
  "data-wrap": effectiveWrapped.has(c.field) || void 0,
11541
11543
  "data-pin": st.pin,
11542
11544
  "data-pin-edge": st.edge,
11543
- style: { width: widthOf(c), ...st.style },
11545
+ style: { width: widthOf(c), ...cellSty, ...st.style, ...st.pin ? { position: "sticky", zIndex: 2 } : null },
11544
11546
  "data-ovtext": cellTitle,
11545
11547
  onClick: selectionMode === "cell" ? (e) => handleCellClick(e, k, row, c) : void 0,
11546
11548
  onFocus: () => setFocus((f) => f.r === ri && f.c === ci ? f : { r: ri, c: ci }),