bolt-table 0.1.32 → 0.1.34

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 (3) hide show
  1. package/dist/index.js +17 -7
  2. package/dist/index.mjs +17 -7
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -243,7 +243,7 @@ var DraggableHeader = import_react.default.memo(
243
243
  const widthPx = `${columnWidth}px`;
244
244
  const isPinned = Boolean(column.pinned);
245
245
  const zIndex = isPinned ? 12 : 10;
246
- const HEADER_BORDER_COLOR = "rgba(128,128,128,0.35)";
246
+ const HEADER_SEP = "1px solid rgba(128,128,128,0.3)";
247
247
  const headerStyle = {
248
248
  position: "sticky",
249
249
  top: stickyTop,
@@ -260,8 +260,10 @@ var DraggableHeader = import_react.default.memo(
260
260
  textOverflow: "ellipsis",
261
261
  whiteSpace: "nowrap",
262
262
  boxSizing: "border-box",
263
- border: "none",
264
- boxShadow: isLastColumn ? `inset 0 -1px 0 0 ${HEADER_BORDER_COLOR}` : `inset -1px 0 0 0 ${HEADER_BORDER_COLOR}, inset 0 -1px 0 0 ${HEADER_BORDER_COLOR}`,
263
+ borderTop: "none",
264
+ borderLeft: "none",
265
+ borderBottom: HEADER_SEP,
266
+ borderRight: isLastColumn ? "none" : HEADER_SEP,
265
267
  ...column.pinned === "left" && stickyOffset !== void 0 ? { left: `${stickyOffset}px` } : {},
266
268
  ...column.pinned === "right" && stickyOffset !== void 0 ? { right: `${stickyOffset}px` } : {},
267
269
  ...column.style,
@@ -3431,7 +3433,10 @@ function BoltTable({
3431
3433
  textOverflow: "ellipsis",
3432
3434
  whiteSpace: "nowrap",
3433
3435
  boxSizing: "border-box",
3434
- border: "none",
3436
+ borderTop: "none",
3437
+ borderLeft: "none",
3438
+ borderBottom: "1px solid rgba(128,128,128,0.3)",
3439
+ borderRight: groupEndsAtLastCol ? "none" : "1px solid rgba(128,128,128,0.3)",
3435
3440
  fontWeight: 500,
3436
3441
  userSelect: "none",
3437
3442
  ...group.style,
@@ -3467,7 +3472,10 @@ function BoltTable({
3467
3472
  textOverflow: "ellipsis",
3468
3473
  whiteSpace: "nowrap",
3469
3474
  boxSizing: "border-box",
3470
- border: "none",
3475
+ borderTop: "none",
3476
+ borderLeft: "none",
3477
+ borderBottom: "1px solid rgba(128,128,128,0.3)",
3478
+ borderRight: "1px solid rgba(128,128,128,0.3)",
3471
3479
  position: "sticky",
3472
3480
  left: columnOffsets.get("__select__") ?? 0,
3473
3481
  top: 0,
@@ -3534,8 +3542,10 @@ function BoltTable({
3534
3542
  textOverflow: "ellipsis",
3535
3543
  whiteSpace: "nowrap",
3536
3544
  boxSizing: "border-box",
3537
- border: "none",
3538
- boxShadow: "inset -1px 0 0 0 rgba(128,128,128,0.35), inset 0 -1px 0 0 rgba(128,128,128,0.35)",
3545
+ borderTop: "none",
3546
+ borderLeft: "none",
3547
+ borderBottom: "1px solid rgba(128,128,128,0.3)",
3548
+ borderRight: "1px solid rgba(128,128,128,0.3)",
3539
3549
  position: "sticky",
3540
3550
  left: columnOffsets.get("__expand__") ?? 0,
3541
3551
  top: 0,
package/dist/index.mjs CHANGED
@@ -209,7 +209,7 @@ var DraggableHeader = React.memo(
209
209
  const widthPx = `${columnWidth}px`;
210
210
  const isPinned = Boolean(column.pinned);
211
211
  const zIndex = isPinned ? 12 : 10;
212
- const HEADER_BORDER_COLOR = "rgba(128,128,128,0.35)";
212
+ const HEADER_SEP = "1px solid rgba(128,128,128,0.3)";
213
213
  const headerStyle = {
214
214
  position: "sticky",
215
215
  top: stickyTop,
@@ -226,8 +226,10 @@ var DraggableHeader = React.memo(
226
226
  textOverflow: "ellipsis",
227
227
  whiteSpace: "nowrap",
228
228
  boxSizing: "border-box",
229
- border: "none",
230
- boxShadow: isLastColumn ? `inset 0 -1px 0 0 ${HEADER_BORDER_COLOR}` : `inset -1px 0 0 0 ${HEADER_BORDER_COLOR}, inset 0 -1px 0 0 ${HEADER_BORDER_COLOR}`,
229
+ borderTop: "none",
230
+ borderLeft: "none",
231
+ borderBottom: HEADER_SEP,
232
+ borderRight: isLastColumn ? "none" : HEADER_SEP,
231
233
  ...column.pinned === "left" && stickyOffset !== void 0 ? { left: `${stickyOffset}px` } : {},
232
234
  ...column.pinned === "right" && stickyOffset !== void 0 ? { right: `${stickyOffset}px` } : {},
233
235
  ...column.style,
@@ -3403,7 +3405,10 @@ function BoltTable({
3403
3405
  textOverflow: "ellipsis",
3404
3406
  whiteSpace: "nowrap",
3405
3407
  boxSizing: "border-box",
3406
- border: "none",
3408
+ borderTop: "none",
3409
+ borderLeft: "none",
3410
+ borderBottom: "1px solid rgba(128,128,128,0.3)",
3411
+ borderRight: groupEndsAtLastCol ? "none" : "1px solid rgba(128,128,128,0.3)",
3407
3412
  fontWeight: 500,
3408
3413
  userSelect: "none",
3409
3414
  ...group.style,
@@ -3439,7 +3444,10 @@ function BoltTable({
3439
3444
  textOverflow: "ellipsis",
3440
3445
  whiteSpace: "nowrap",
3441
3446
  boxSizing: "border-box",
3442
- border: "none",
3447
+ borderTop: "none",
3448
+ borderLeft: "none",
3449
+ borderBottom: "1px solid rgba(128,128,128,0.3)",
3450
+ borderRight: "1px solid rgba(128,128,128,0.3)",
3443
3451
  position: "sticky",
3444
3452
  left: columnOffsets.get("__select__") ?? 0,
3445
3453
  top: 0,
@@ -3506,8 +3514,10 @@ function BoltTable({
3506
3514
  textOverflow: "ellipsis",
3507
3515
  whiteSpace: "nowrap",
3508
3516
  boxSizing: "border-box",
3509
- border: "none",
3510
- boxShadow: "inset -1px 0 0 0 rgba(128,128,128,0.35), inset 0 -1px 0 0 rgba(128,128,128,0.35)",
3517
+ borderTop: "none",
3518
+ borderLeft: "none",
3519
+ borderBottom: "1px solid rgba(128,128,128,0.3)",
3520
+ borderRight: "1px solid rgba(128,128,128,0.3)",
3511
3521
  position: "sticky",
3512
3522
  left: columnOffsets.get("__expand__") ?? 0,
3513
3523
  top: 0,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bolt-table",
3
- "version": "0.1.32",
3
+ "version": "0.1.34",
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",