bolt-table 0.1.28 → 0.1.29

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/dist/index.js CHANGED
@@ -258,10 +258,11 @@ var DraggableHeader = import_react.default.memo(
258
258
  overflow: "hidden",
259
259
  textOverflow: "ellipsis",
260
260
  whiteSpace: "nowrap",
261
+ boxSizing: "border-box",
261
262
  borderTop: "none",
262
- borderRight: "0.5px solid rgba(128,128,128,0.2)",
263
+ borderLeft: "none",
263
264
  borderBottom: "1px solid rgba(128,128,128,0.2)",
264
- borderLeft: isFirstColumn ? "none" : "0.5px solid rgba(128,128,128,0.2)",
265
+ borderRight: isLastColumn ? "none" : "1px solid rgba(128,128,128,0.2)",
265
266
  ...column.pinned === "left" && stickyOffset !== void 0 ? { left: `${stickyOffset}px` } : {},
266
267
  ...column.pinned === "right" && stickyOffset !== void 0 ? { right: `${stickyOffset}px` } : {},
267
268
  ...column.style,
@@ -308,7 +309,6 @@ var DraggableHeader = import_react.default.memo(
308
309
  whiteSpace: "nowrap",
309
310
  paddingLeft: 8,
310
311
  paddingRight: 8,
311
- borderLeft: isFirstColumn ? "none" : "1px solid rgba(128,128,128,0.2)",
312
312
  fontWeight: 500,
313
313
  cursor: isPinned ? "default" : "grab"
314
314
  },
@@ -3412,6 +3412,7 @@ function BoltTable({
3412
3412
  }
3413
3413
  });
3414
3414
  if (minIdx === Infinity) return null;
3415
+ const groupEndsAtLastCol = maxIdx === orderedColumns.length - 1;
3415
3416
  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
3416
3417
  "div",
3417
3418
  {
@@ -3430,7 +3431,9 @@ function BoltTable({
3430
3431
  overflow: "hidden",
3431
3432
  textOverflow: "ellipsis",
3432
3433
  whiteSpace: "nowrap",
3434
+ boxSizing: "border-box",
3433
3435
  borderBottom: "1px solid rgba(128,128,128,0.2)",
3436
+ borderRight: groupEndsAtLastCol ? "none" : "1px solid rgba(128,128,128,0.2)",
3434
3437
  fontWeight: 500,
3435
3438
  userSelect: "none",
3436
3439
  ...group.style,
@@ -3465,7 +3468,9 @@ function BoltTable({
3465
3468
  overflow: "hidden",
3466
3469
  textOverflow: "ellipsis",
3467
3470
  whiteSpace: "nowrap",
3471
+ boxSizing: "border-box",
3468
3472
  borderBottom: "1px solid rgba(128,128,128,0.2)",
3473
+ borderRight: "1px solid rgba(128,128,128,0.2)",
3469
3474
  position: "sticky",
3470
3475
  left: columnOffsets.get("__select__") ?? 0,
3471
3476
  top: 0,
@@ -3531,7 +3536,9 @@ function BoltTable({
3531
3536
  overflow: "hidden",
3532
3537
  textOverflow: "ellipsis",
3533
3538
  whiteSpace: "nowrap",
3539
+ boxSizing: "border-box",
3534
3540
  borderBottom: "1px solid rgba(128,128,128,0.2)",
3541
+ borderRight: "1px solid rgba(128,128,128,0.2)",
3535
3542
  position: "sticky",
3536
3543
  left: columnOffsets.get("__expand__") ?? 0,
3537
3544
  top: 0,
package/dist/index.mjs CHANGED
@@ -224,10 +224,11 @@ var DraggableHeader = React.memo(
224
224
  overflow: "hidden",
225
225
  textOverflow: "ellipsis",
226
226
  whiteSpace: "nowrap",
227
+ boxSizing: "border-box",
227
228
  borderTop: "none",
228
- borderRight: "0.5px solid rgba(128,128,128,0.2)",
229
+ borderLeft: "none",
229
230
  borderBottom: "1px solid rgba(128,128,128,0.2)",
230
- borderLeft: isFirstColumn ? "none" : "0.5px solid rgba(128,128,128,0.2)",
231
+ borderRight: isLastColumn ? "none" : "1px solid rgba(128,128,128,0.2)",
231
232
  ...column.pinned === "left" && stickyOffset !== void 0 ? { left: `${stickyOffset}px` } : {},
232
233
  ...column.pinned === "right" && stickyOffset !== void 0 ? { right: `${stickyOffset}px` } : {},
233
234
  ...column.style,
@@ -274,7 +275,6 @@ var DraggableHeader = React.memo(
274
275
  whiteSpace: "nowrap",
275
276
  paddingLeft: 8,
276
277
  paddingRight: 8,
277
- borderLeft: isFirstColumn ? "none" : "1px solid rgba(128,128,128,0.2)",
278
278
  fontWeight: 500,
279
279
  cursor: isPinned ? "default" : "grab"
280
280
  },
@@ -3384,6 +3384,7 @@ function BoltTable({
3384
3384
  }
3385
3385
  });
3386
3386
  if (minIdx === Infinity) return null;
3387
+ const groupEndsAtLastCol = maxIdx === orderedColumns.length - 1;
3387
3388
  return /* @__PURE__ */ jsx5(
3388
3389
  "div",
3389
3390
  {
@@ -3402,7 +3403,9 @@ function BoltTable({
3402
3403
  overflow: "hidden",
3403
3404
  textOverflow: "ellipsis",
3404
3405
  whiteSpace: "nowrap",
3406
+ boxSizing: "border-box",
3405
3407
  borderBottom: "1px solid rgba(128,128,128,0.2)",
3408
+ borderRight: groupEndsAtLastCol ? "none" : "1px solid rgba(128,128,128,0.2)",
3406
3409
  fontWeight: 500,
3407
3410
  userSelect: "none",
3408
3411
  ...group.style,
@@ -3437,7 +3440,9 @@ function BoltTable({
3437
3440
  overflow: "hidden",
3438
3441
  textOverflow: "ellipsis",
3439
3442
  whiteSpace: "nowrap",
3443
+ boxSizing: "border-box",
3440
3444
  borderBottom: "1px solid rgba(128,128,128,0.2)",
3445
+ borderRight: "1px solid rgba(128,128,128,0.2)",
3441
3446
  position: "sticky",
3442
3447
  left: columnOffsets.get("__select__") ?? 0,
3443
3448
  top: 0,
@@ -3503,7 +3508,9 @@ function BoltTable({
3503
3508
  overflow: "hidden",
3504
3509
  textOverflow: "ellipsis",
3505
3510
  whiteSpace: "nowrap",
3511
+ boxSizing: "border-box",
3506
3512
  borderBottom: "1px solid rgba(128,128,128,0.2)",
3513
+ borderRight: "1px solid rgba(128,128,128,0.2)",
3507
3514
  position: "sticky",
3508
3515
  left: columnOffsets.get("__expand__") ?? 0,
3509
3516
  top: 0,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bolt-table",
3
- "version": "0.1.28",
3
+ "version": "0.1.29",
4
4
  "description": "Virtualized React table with column drag & drop, pinning, resizing, sorting, filtering, and pagination.",
5
5
  "license": "MIT",
6
6
  "main": "./dist/index.js",