@dmsi/wedgekit-react 0.0.241 → 0.0.242

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.
Files changed (12) hide show
  1. package/dist/{chunk-PZKWZN6V.js → chunk-7BZCHKRF.js} +9 -15
  2. package/dist/components/CalendarRange.cjs +9 -15
  3. package/dist/components/CalendarRange.js +1 -1
  4. package/dist/components/DateInput.cjs +9 -15
  5. package/dist/components/DateInput.js +1 -1
  6. package/dist/components/DateRangeInput.cjs +9 -15
  7. package/dist/components/DateRangeInput.js +1 -1
  8. package/dist/components/index.cjs +9 -15
  9. package/dist/components/index.js +1 -1
  10. package/package.json +1 -1
  11. package/src/components/DataGrid/TableBody/TableBodyRow.tsx +8 -11
  12. package/src/components/DataGrid/index.tsx +6 -14
package/dist/{chunk-PZKWZN6V.js → chunk-7BZCHKRF.js} RENAMED
@@ -174,28 +174,24 @@ function TableBodyRow({
174
174
  /* @__PURE__ */ jsx2("td", { style: { display: "flex", width: virtualPaddingLeft } })
175
175
  ) : null,
176
176
  columns.map((column) => {
177
- var _a2, _b, _c;
177
+ var _a2, _b, _c, _d;
178
178
  const cell = locked ? column : visibleCells[column.index];
179
179
  if (!cell) {
180
180
  return;
181
181
  }
182
182
  const cellFormat = (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.format;
183
- const cellAlignment = (_b = cell.column.columnDef.meta) == null ? void 0 : _b.align;
184
183
  const cellValue = cellFormat && isValueFormatterKey(cellFormat) ? valueFormatters[cellFormat](cell.getValue()) : cell.getValue();
185
- return ((_c = cell.column.columnDef.meta) == null ? void 0 : _c.useCustomRenderer) ? /* @__PURE__ */ jsx2(React.Fragment, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ jsx2(
184
+ const cellAlignment = (_c = (_b = cell.column.columnDef.meta) == null ? void 0 : _b.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
185
+ return ((_d = cell.column.columnDef.meta) == null ? void 0 : _d.useCustomRenderer) ? /* @__PURE__ */ jsx2(React.Fragment, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ jsx2(
186
186
  CellElement,
187
187
  {
188
188
  id: id ? `${id}-row-${row.id}-cell-${cell.id}` : void 0,
189
189
  testid: testid ? `${testid}-row-${row.id}-cell-${cell.id}` : void 0,
190
190
  cell,
191
- className: clsx2(
192
- cellAlignment ? {
193
- "justify-start": cellAlignment === "left",
194
- "justify-end": cellAlignment === "right"
195
- } : {
196
- "justify-end": typeof cellValue === "number"
197
- }
198
- ),
191
+ className: clsx2({
192
+ "justify-start": cellAlignment === "left",
193
+ "justify-end": cellAlignment === "right"
194
+ }),
199
195
  children: /* @__PURE__ */ jsx2(
200
196
  Tooltip,
201
197
  {
@@ -936,7 +932,7 @@ function DataGrid({
936
932
  }
937
933
  if (typeof header.column.columnDef.header === "string") {
938
934
  const cellValue = (_a2 = table.getRowModel().rows[0]) == null ? void 0 : _a2.getValue(header.column.id);
939
- const cellAlignment = ((_c2 = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c2 : cellValue === "number") ? "right" : "left";
935
+ const cellAlignment = (_c2 = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c2 : typeof cellValue === "number" ? "right" : "left";
940
936
  return /* @__PURE__ */ jsxs5(
941
937
  DraggableCellHeader,
942
938
  {
@@ -948,11 +944,9 @@ function DataGrid({
948
944
  className: clsx5(
949
945
  header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
950
946
  "group",
951
- cellAlignment ? {
947
+ {
952
948
  "justify-start": cellAlignment === "left",
953
949
  "justify-end": cellAlignment === "right"
954
- } : {
955
- "justify-end": typeof cellValue === "number"
956
950
  }
957
951
  ),
958
952
  useMenuDefaultMinWidth,
package/dist/components/CalendarRange.cjs CHANGED
@@ -2426,28 +2426,24 @@ function TableBodyRow({
2426
2426
  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { style: { display: "flex", width: virtualPaddingLeft } })
2427
2427
  ) : null,
2428
2428
  columns.map((column) => {
2429
- var _a2, _b, _c;
2429
+ var _a2, _b, _c, _d;
2430
2430
  const cell = locked ? column : visibleCells[column.index];
2431
2431
  if (!cell) {
2432
2432
  return;
2433
2433
  }
2434
2434
  const cellFormat = (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.format;
2435
- const cellAlignment = (_b = cell.column.columnDef.meta) == null ? void 0 : _b.align;
2436
2435
  const cellValue = cellFormat && isValueFormatterKey(cellFormat) ? valueFormatters[cellFormat](cell.getValue()) : cell.getValue();
2437
- return ((_c = cell.column.columnDef.meta) == null ? void 0 : _c.useCustomRenderer) ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react12.default.Fragment, { children: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2436
+ const cellAlignment = (_c = (_b = cell.column.columnDef.meta) == null ? void 0 : _b.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
2437
+ return ((_d = cell.column.columnDef.meta) == null ? void 0 : _d.useCustomRenderer) ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react12.default.Fragment, { children: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2438
2438
  CellElement,
2439
2439
  {
2440
2440
  id: id ? `${id}-row-${row.id}-cell-${cell.id}` : void 0,
2441
2441
  testid: testid ? `${testid}-row-${row.id}-cell-${cell.id}` : void 0,
2442
2442
  cell,
2443
- className: (0, import_clsx10.default)(
2444
- cellAlignment ? {
2445
- "justify-start": cellAlignment === "left",
2446
- "justify-end": cellAlignment === "right"
2447
- } : {
2448
- "justify-end": typeof cellValue === "number"
2449
- }
2450
- ),
2443
+ className: (0, import_clsx10.default)({
2444
+ "justify-start": cellAlignment === "left",
2445
+ "justify-end": cellAlignment === "right"
2446
+ }),
2451
2447
  children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2452
2448
  Tooltip,
2453
2449
  {
@@ -3188,7 +3184,7 @@ function DataGrid({
3188
3184
  }
3189
3185
  if (typeof header.column.columnDef.header === "string") {
3190
3186
  const cellValue = (_a2 = table.getRowModel().rows[0]) == null ? void 0 : _a2.getValue(header.column.id);
3191
- const cellAlignment = ((_c2 = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c2 : cellValue === "number") ? "right" : "left";
3187
+ const cellAlignment = (_c2 = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c2 : typeof cellValue === "number" ? "right" : "left";
3192
3188
  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
3193
3189
  DraggableCellHeader,
3194
3190
  {
@@ -3200,11 +3196,9 @@ function DataGrid({
3200
3196
  className: (0, import_clsx13.default)(
3201
3197
  header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
3202
3198
  "group",
3203
- cellAlignment ? {
3199
+ {
3204
3200
  "justify-start": cellAlignment === "left",
3205
3201
  "justify-end": cellAlignment === "right"
3206
- } : {
3207
- "justify-end": typeof cellValue === "number"
3208
3202
  }
3209
3203
  ),
3210
3204
  useMenuDefaultMinWidth,
package/dist/components/CalendarRange.js CHANGED
@@ -3,7 +3,7 @@ import {
3
3
  CalendarRange_default,
4
4
  isWeekend
5
5
  } from "../chunk-X73BO77J.js";
6
- import "../chunk-PZKWZN6V.js";
6
+ import "../chunk-7BZCHKRF.js";
7
7
  import "../chunk-QQ5G773N.js";
8
8
  import "../chunk-6ZYTR6DU.js";
9
9
  import "../chunk-DXVLA32J.js";
package/dist/components/DateInput.cjs CHANGED
@@ -2496,28 +2496,24 @@ function TableBodyRow({
2496
2496
  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { style: { display: "flex", width: virtualPaddingLeft } })
2497
2497
  ) : null,
2498
2498
  columns.map((column) => {
2499
- var _a2, _b, _c;
2499
+ var _a2, _b, _c, _d;
2500
2500
  const cell = locked ? column : visibleCells[column.index];
2501
2501
  if (!cell) {
2502
2502
  return;
2503
2503
  }
2504
2504
  const cellFormat = (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.format;
2505
- const cellAlignment = (_b = cell.column.columnDef.meta) == null ? void 0 : _b.align;
2506
2505
  const cellValue = cellFormat && isValueFormatterKey(cellFormat) ? valueFormatters[cellFormat](cell.getValue()) : cell.getValue();
2507
- return ((_c = cell.column.columnDef.meta) == null ? void 0 : _c.useCustomRenderer) ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react12.default.Fragment, { children: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2506
+ const cellAlignment = (_c = (_b = cell.column.columnDef.meta) == null ? void 0 : _b.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
2507
+ return ((_d = cell.column.columnDef.meta) == null ? void 0 : _d.useCustomRenderer) ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react12.default.Fragment, { children: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2508
2508
  CellElement,
2509
2509
  {
2510
2510
  id: id ? `${id}-row-${row.id}-cell-${cell.id}` : void 0,
2511
2511
  testid: testid ? `${testid}-row-${row.id}-cell-${cell.id}` : void 0,
2512
2512
  cell,
2513
- className: (0, import_clsx10.default)(
2514
- cellAlignment ? {
2515
- "justify-start": cellAlignment === "left",
2516
- "justify-end": cellAlignment === "right"
2517
- } : {
2518
- "justify-end": typeof cellValue === "number"
2519
- }
2520
- ),
2513
+ className: (0, import_clsx10.default)({
2514
+ "justify-start": cellAlignment === "left",
2515
+ "justify-end": cellAlignment === "right"
2516
+ }),
2521
2517
  children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2522
2518
  Tooltip,
2523
2519
  {
@@ -3258,7 +3254,7 @@ function DataGrid({
3258
3254
  }
3259
3255
  if (typeof header.column.columnDef.header === "string") {
3260
3256
  const cellValue = (_a2 = table.getRowModel().rows[0]) == null ? void 0 : _a2.getValue(header.column.id);
3261
- const cellAlignment = ((_c2 = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c2 : cellValue === "number") ? "right" : "left";
3257
+ const cellAlignment = (_c2 = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c2 : typeof cellValue === "number" ? "right" : "left";
3262
3258
  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
3263
3259
  DraggableCellHeader,
3264
3260
  {
@@ -3270,11 +3266,9 @@ function DataGrid({
3270
3266
  className: (0, import_clsx13.default)(
3271
3267
  header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
3272
3268
  "group",
3273
- cellAlignment ? {
3269
+ {
3274
3270
  "justify-start": cellAlignment === "left",
3275
3271
  "justify-end": cellAlignment === "right"
3276
- } : {
3277
- "justify-end": typeof cellValue === "number"
3278
3272
  }
3279
3273
  ),
3280
3274
  useMenuDefaultMinWidth,
package/dist/components/DateInput.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  CalendarRange
3
3
  } from "../chunk-X73BO77J.js";
4
- import "../chunk-PZKWZN6V.js";
4
+ import "../chunk-7BZCHKRF.js";
5
5
  import "../chunk-QQ5G773N.js";
6
6
  import "../chunk-6ZYTR6DU.js";
7
7
  import "../chunk-DXVLA32J.js";
package/dist/components/DateRangeInput.cjs CHANGED
@@ -2504,28 +2504,24 @@ function TableBodyRow({
2504
2504
  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { style: { display: "flex", width: virtualPaddingLeft } })
2505
2505
  ) : null,
2506
2506
  columns.map((column) => {
2507
- var _a2, _b, _c;
2507
+ var _a2, _b, _c, _d;
2508
2508
  const cell = locked ? column : visibleCells[column.index];
2509
2509
  if (!cell) {
2510
2510
  return;
2511
2511
  }
2512
2512
  const cellFormat = (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.format;
2513
- const cellAlignment = (_b = cell.column.columnDef.meta) == null ? void 0 : _b.align;
2514
2513
  const cellValue = cellFormat && isValueFormatterKey(cellFormat) ? valueFormatters[cellFormat](cell.getValue()) : cell.getValue();
2515
- return ((_c = cell.column.columnDef.meta) == null ? void 0 : _c.useCustomRenderer) ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react12.default.Fragment, { children: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2514
+ const cellAlignment = (_c = (_b = cell.column.columnDef.meta) == null ? void 0 : _b.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
2515
+ return ((_d = cell.column.columnDef.meta) == null ? void 0 : _d.useCustomRenderer) ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react12.default.Fragment, { children: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2516
2516
  CellElement,
2517
2517
  {
2518
2518
  id: id ? `${id}-row-${row.id}-cell-${cell.id}` : void 0,
2519
2519
  testid: testid ? `${testid}-row-${row.id}-cell-${cell.id}` : void 0,
2520
2520
  cell,
2521
- className: (0, import_clsx10.default)(
2522
- cellAlignment ? {
2523
- "justify-start": cellAlignment === "left",
2524
- "justify-end": cellAlignment === "right"
2525
- } : {
2526
- "justify-end": typeof cellValue === "number"
2527
- }
2528
- ),
2521
+ className: (0, import_clsx10.default)({
2522
+ "justify-start": cellAlignment === "left",
2523
+ "justify-end": cellAlignment === "right"
2524
+ }),
2529
2525
  children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2530
2526
  Tooltip,
2531
2527
  {
@@ -3266,7 +3262,7 @@ function DataGrid({
3266
3262
  }
3267
3263
  if (typeof header.column.columnDef.header === "string") {
3268
3264
  const cellValue = (_a2 = table.getRowModel().rows[0]) == null ? void 0 : _a2.getValue(header.column.id);
3269
- const cellAlignment = ((_c2 = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c2 : cellValue === "number") ? "right" : "left";
3265
+ const cellAlignment = (_c2 = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c2 : typeof cellValue === "number" ? "right" : "left";
3270
3266
  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
3271
3267
  DraggableCellHeader,
3272
3268
  {
@@ -3278,11 +3274,9 @@ function DataGrid({
3278
3274
  className: (0, import_clsx13.default)(
3279
3275
  header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
3280
3276
  "group",
3281
- cellAlignment ? {
3277
+ {
3282
3278
  "justify-start": cellAlignment === "left",
3283
3279
  "justify-end": cellAlignment === "right"
3284
- } : {
3285
- "justify-end": typeof cellValue === "number"
3286
3280
  }
3287
3281
  ),
3288
3282
  useMenuDefaultMinWidth,
package/dist/components/DateRangeInput.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  CalendarRange
3
3
  } from "../chunk-X73BO77J.js";
4
- import "../chunk-PZKWZN6V.js";
4
+ import "../chunk-7BZCHKRF.js";
5
5
  import "../chunk-QQ5G773N.js";
6
6
  import "../chunk-6ZYTR6DU.js";
7
7
  import "../chunk-DXVLA32J.js";
package/dist/components/index.cjs CHANGED
@@ -2437,28 +2437,24 @@ function TableBodyRow({
2437
2437
  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { style: { display: "flex", width: virtualPaddingLeft } })
2438
2438
  ) : null,
2439
2439
  columns.map((column) => {
2440
- var _a2, _b, _c;
2440
+ var _a2, _b, _c, _d;
2441
2441
  const cell = locked ? column : visibleCells[column.index];
2442
2442
  if (!cell) {
2443
2443
  return;
2444
2444
  }
2445
2445
  const cellFormat = (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.format;
2446
- const cellAlignment = (_b = cell.column.columnDef.meta) == null ? void 0 : _b.align;
2447
2446
  const cellValue = cellFormat && isValueFormatterKey(cellFormat) ? valueFormatters[cellFormat](cell.getValue()) : cell.getValue();
2448
- return ((_c = cell.column.columnDef.meta) == null ? void 0 : _c.useCustomRenderer) ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react12.default.Fragment, { children: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2447
+ const cellAlignment = (_c = (_b = cell.column.columnDef.meta) == null ? void 0 : _b.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
2448
+ return ((_d = cell.column.columnDef.meta) == null ? void 0 : _d.useCustomRenderer) ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react12.default.Fragment, { children: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2449
2449
  CellElement,
2450
2450
  {
2451
2451
  id: id ? `${id}-row-${row.id}-cell-${cell.id}` : void 0,
2452
2452
  testid: testid ? `${testid}-row-${row.id}-cell-${cell.id}` : void 0,
2453
2453
  cell,
2454
- className: (0, import_clsx10.default)(
2455
- cellAlignment ? {
2456
- "justify-start": cellAlignment === "left",
2457
- "justify-end": cellAlignment === "right"
2458
- } : {
2459
- "justify-end": typeof cellValue === "number"
2460
- }
2461
- ),
2454
+ className: (0, import_clsx10.default)({
2455
+ "justify-start": cellAlignment === "left",
2456
+ "justify-end": cellAlignment === "right"
2457
+ }),
2462
2458
  children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
2463
2459
  Tooltip,
2464
2460
  {
@@ -3199,7 +3195,7 @@ function DataGrid({
3199
3195
  }
3200
3196
  if (typeof header.column.columnDef.header === "string") {
3201
3197
  const cellValue = (_a2 = table.getRowModel().rows[0]) == null ? void 0 : _a2.getValue(header.column.id);
3202
- const cellAlignment = ((_c2 = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c2 : cellValue === "number") ? "right" : "left";
3198
+ const cellAlignment = (_c2 = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.align) != null ? _c2 : typeof cellValue === "number" ? "right" : "left";
3203
3199
  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
3204
3200
  DraggableCellHeader,
3205
3201
  {
@@ -3211,11 +3207,9 @@ function DataGrid({
3211
3207
  className: (0, import_clsx13.default)(
3212
3208
  header.column.getCanSort() ? "cursor-pointer" : "cursor-grab",
3213
3209
  "group",
3214
- cellAlignment ? {
3210
+ {
3215
3211
  "justify-start": cellAlignment === "left",
3216
3212
  "justify-end": cellAlignment === "right"
3217
- } : {
3218
- "justify-end": typeof cellValue === "number"
3219
3213
  }
3220
3214
  ),
3221
3215
  useMenuDefaultMinWidth,
package/dist/components/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  DataGrid
3
- } from "../chunk-PZKWZN6V.js";
3
+ } from "../chunk-7BZCHKRF.js";
4
4
  import {
5
5
  Tooltip
6
6
  } from "../chunk-QQ5G773N.js";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dmsi/wedgekit-react",
3
3
  "private": false,
4
- "version": "0.0.241",
4
+ "version": "0.0.242",
5
5
  "type": "module",
6
6
  "scripts": {
7
7
  "build": "tsup",
package/src/components/DataGrid/TableBody/TableBodyRow.tsx CHANGED
@@ -104,13 +104,16 @@ export function TableBodyRow<T>({
104
104
  return;
105
105
  }
106
106
  const cellFormat = cell.column.columnDef.meta?.format;
107
- const cellAlignment = cell.column.columnDef.meta?.align;
108
107
 
109
108
  const cellValue =
110
109
  cellFormat && isValueFormatterKey(cellFormat)
111
110
  ? valueFormatters[cellFormat](cell.getValue())
112
111
  : cell.getValue();
113
112
 
113
+ const cellAlignment: "left" | "right" | "center" =
114
+ cell.column.columnDef.meta?.align ??
115
+ (typeof cellValue === "number" ? "right" : "left");
116
+
114
117
  return cell.column.columnDef.meta?.useCustomRenderer ? (
115
118
  <React.Fragment key={cell.id}>
116
119
  {flexRender(cell.column.columnDef.cell, cell.getContext())}
@@ -123,16 +126,10 @@ export function TableBodyRow<T>({
123
126
  testid ? `${testid}-row-${row.id}-cell-${cell.id}` : undefined
124
127
  }
125
128
  cell={cell}
126
- className={clsx(
127
- cellAlignment
128
- ? {
129
- "justify-start": cellAlignment === "left",
130
- "justify-end": cellAlignment === "right",
131
- }
132
- : {
133
- "justify-end": typeof cellValue === "number",
134
- },
135
- )}
129
+ className={clsx({
130
+ "justify-start": cellAlignment === "left",
131
+ "justify-end": cellAlignment === "right",
132
+ })}
136
133
  >
137
134
  <Tooltip
138
135
  id={id ? `${id}-tooltip-${cell.id}` : undefined}
package/src/components/DataGrid/index.tsx CHANGED
@@ -424,10 +424,8 @@ export function DataGrid<T extends Record<string, unknown>>({
424
424
  .rows[0]?.getValue(header.column.id);
425
425
 
426
426
  const cellAlignment: "left" | "right" | "center" =
427
- (header.column.columnDef.meta?.align ??
428
- cellValue === "number")
429
- ? "right"
430
- : "left";
427
+ header.column.columnDef.meta?.align ??
428
+ (typeof cellValue === "number" ? "right" : "left");
431
429
 
432
430
  return (
433
431
  <DraggableCellHeader
@@ -441,21 +439,15 @@ export function DataGrid<T extends Record<string, unknown>>({
441
439
  header={header}
442
440
  locked={header.column.columnDef.meta?.locked}
443
441
  center={centerHeader}
444
- // width={`${header.column.getSize()}px`}
445
442
  className={clsx(
446
443
  header.column.getCanSort()
447
444
  ? "cursor-pointer"
448
445
  : "cursor-grab",
449
446
  "group",
450
- cellAlignment
451
- ? {
452
- "justify-start": cellAlignment === "left",
453
- "justify-end": cellAlignment === "right",
454
- }
455
- : {
456
- "justify-end":
457
- typeof cellValue === "number",
458
- },
447
+ {
448
+ "justify-start": cellAlignment === "left",
449
+ "justify-end": cellAlignment === "right",
450
+ },
459
451
  )}
460
452
  useMenuDefaultMinWidth={useMenuDefaultMinWidth}
461
453
  >