bolt-table 0.1.32 → 0.1.33

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 -9
  2. package/dist/index.mjs +17 -9
  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.2)";
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,
@@ -2946,8 +2948,6 @@ function BoltTable({
2946
2948
  }
2947
2949
  :where([data-bt-header]) {
2948
2950
  background-color: rgba(128,128,128,0.06);
2949
- backdrop-filter: blur(8px);
2950
- -webkit-backdrop-filter: blur(8px);
2951
2951
  }
2952
2952
  :where([data-bt-pinned]) {
2953
2953
  background-color: ${styles.pinnedBg ?? "Canvas"};
@@ -3431,7 +3431,10 @@ function BoltTable({
3431
3431
  textOverflow: "ellipsis",
3432
3432
  whiteSpace: "nowrap",
3433
3433
  boxSizing: "border-box",
3434
- border: "none",
3434
+ borderTop: "none",
3435
+ borderLeft: "none",
3436
+ borderBottom: "1px solid rgba(128,128,128,0.2)",
3437
+ borderRight: groupEndsAtLastCol ? "none" : "1px solid rgba(128,128,128,0.2)",
3435
3438
  fontWeight: 500,
3436
3439
  userSelect: "none",
3437
3440
  ...group.style,
@@ -3467,7 +3470,10 @@ function BoltTable({
3467
3470
  textOverflow: "ellipsis",
3468
3471
  whiteSpace: "nowrap",
3469
3472
  boxSizing: "border-box",
3470
- border: "none",
3473
+ borderTop: "none",
3474
+ borderLeft: "none",
3475
+ borderBottom: "1px solid rgba(128,128,128,0.2)",
3476
+ borderRight: "1px solid rgba(128,128,128,0.2)",
3471
3477
  position: "sticky",
3472
3478
  left: columnOffsets.get("__select__") ?? 0,
3473
3479
  top: 0,
@@ -3534,8 +3540,10 @@ function BoltTable({
3534
3540
  textOverflow: "ellipsis",
3535
3541
  whiteSpace: "nowrap",
3536
3542
  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)",
3543
+ borderTop: "none",
3544
+ borderLeft: "none",
3545
+ borderBottom: "1px solid rgba(128,128,128,0.2)",
3546
+ borderRight: "1px solid rgba(128,128,128,0.2)",
3539
3547
  position: "sticky",
3540
3548
  left: columnOffsets.get("__expand__") ?? 0,
3541
3549
  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.2)";
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,
@@ -2918,8 +2920,6 @@ function BoltTable({
2918
2920
  }
2919
2921
  :where([data-bt-header]) {
2920
2922
  background-color: rgba(128,128,128,0.06);
2921
- backdrop-filter: blur(8px);
2922
- -webkit-backdrop-filter: blur(8px);
2923
2923
  }
2924
2924
  :where([data-bt-pinned]) {
2925
2925
  background-color: ${styles.pinnedBg ?? "Canvas"};
@@ -3403,7 +3403,10 @@ function BoltTable({
3403
3403
  textOverflow: "ellipsis",
3404
3404
  whiteSpace: "nowrap",
3405
3405
  boxSizing: "border-box",
3406
- border: "none",
3406
+ borderTop: "none",
3407
+ borderLeft: "none",
3408
+ borderBottom: "1px solid rgba(128,128,128,0.2)",
3409
+ borderRight: groupEndsAtLastCol ? "none" : "1px solid rgba(128,128,128,0.2)",
3407
3410
  fontWeight: 500,
3408
3411
  userSelect: "none",
3409
3412
  ...group.style,
@@ -3439,7 +3442,10 @@ function BoltTable({
3439
3442
  textOverflow: "ellipsis",
3440
3443
  whiteSpace: "nowrap",
3441
3444
  boxSizing: "border-box",
3442
- border: "none",
3445
+ borderTop: "none",
3446
+ borderLeft: "none",
3447
+ borderBottom: "1px solid rgba(128,128,128,0.2)",
3448
+ borderRight: "1px solid rgba(128,128,128,0.2)",
3443
3449
  position: "sticky",
3444
3450
  left: columnOffsets.get("__select__") ?? 0,
3445
3451
  top: 0,
@@ -3506,8 +3512,10 @@ function BoltTable({
3506
3512
  textOverflow: "ellipsis",
3507
3513
  whiteSpace: "nowrap",
3508
3514
  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)",
3515
+ borderTop: "none",
3516
+ borderLeft: "none",
3517
+ borderBottom: "1px solid rgba(128,128,128,0.2)",
3518
+ borderRight: "1px solid rgba(128,128,128,0.2)",
3511
3519
  position: "sticky",
3512
3520
  left: columnOffsets.get("__expand__") ?? 0,
3513
3521
  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.33",
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",