bolt-table 0.1.29 → 0.1.32

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 +7 -10
  2. package/dist/index.mjs +7 -10
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -243,6 +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
247
  const headerStyle = {
247
248
  position: "sticky",
248
249
  top: stickyTop,
@@ -259,10 +260,8 @@ var DraggableHeader = import_react.default.memo(
259
260
  textOverflow: "ellipsis",
260
261
  whiteSpace: "nowrap",
261
262
  boxSizing: "border-box",
262
- borderTop: "none",
263
- borderLeft: "none",
264
- borderBottom: "1px solid rgba(128,128,128,0.2)",
265
- borderRight: isLastColumn ? "none" : "1px solid rgba(128,128,128,0.2)",
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}`,
266
265
  ...column.pinned === "left" && stickyOffset !== void 0 ? { left: `${stickyOffset}px` } : {},
267
266
  ...column.pinned === "right" && stickyOffset !== void 0 ? { right: `${stickyOffset}px` } : {},
268
267
  ...column.style,
@@ -3432,8 +3431,7 @@ function BoltTable({
3432
3431
  textOverflow: "ellipsis",
3433
3432
  whiteSpace: "nowrap",
3434
3433
  boxSizing: "border-box",
3435
- borderBottom: "1px solid rgba(128,128,128,0.2)",
3436
- borderRight: groupEndsAtLastCol ? "none" : "1px solid rgba(128,128,128,0.2)",
3434
+ border: "none",
3437
3435
  fontWeight: 500,
3438
3436
  userSelect: "none",
3439
3437
  ...group.style,
@@ -3469,8 +3467,7 @@ function BoltTable({
3469
3467
  textOverflow: "ellipsis",
3470
3468
  whiteSpace: "nowrap",
3471
3469
  boxSizing: "border-box",
3472
- borderBottom: "1px solid rgba(128,128,128,0.2)",
3473
- borderRight: "1px solid rgba(128,128,128,0.2)",
3470
+ border: "none",
3474
3471
  position: "sticky",
3475
3472
  left: columnOffsets.get("__select__") ?? 0,
3476
3473
  top: 0,
@@ -3537,8 +3534,8 @@ function BoltTable({
3537
3534
  textOverflow: "ellipsis",
3538
3535
  whiteSpace: "nowrap",
3539
3536
  boxSizing: "border-box",
3540
- borderBottom: "1px solid rgba(128,128,128,0.2)",
3541
- borderRight: "1px solid rgba(128,128,128,0.2)",
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)",
3542
3539
  position: "sticky",
3543
3540
  left: columnOffsets.get("__expand__") ?? 0,
3544
3541
  top: 0,
package/dist/index.mjs CHANGED
@@ -209,6 +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
213
  const headerStyle = {
213
214
  position: "sticky",
214
215
  top: stickyTop,
@@ -225,10 +226,8 @@ var DraggableHeader = React.memo(
225
226
  textOverflow: "ellipsis",
226
227
  whiteSpace: "nowrap",
227
228
  boxSizing: "border-box",
228
- borderTop: "none",
229
- borderLeft: "none",
230
- borderBottom: "1px solid rgba(128,128,128,0.2)",
231
- borderRight: isLastColumn ? "none" : "1px solid rgba(128,128,128,0.2)",
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}`,
232
231
  ...column.pinned === "left" && stickyOffset !== void 0 ? { left: `${stickyOffset}px` } : {},
233
232
  ...column.pinned === "right" && stickyOffset !== void 0 ? { right: `${stickyOffset}px` } : {},
234
233
  ...column.style,
@@ -3404,8 +3403,7 @@ function BoltTable({
3404
3403
  textOverflow: "ellipsis",
3405
3404
  whiteSpace: "nowrap",
3406
3405
  boxSizing: "border-box",
3407
- borderBottom: "1px solid rgba(128,128,128,0.2)",
3408
- borderRight: groupEndsAtLastCol ? "none" : "1px solid rgba(128,128,128,0.2)",
3406
+ border: "none",
3409
3407
  fontWeight: 500,
3410
3408
  userSelect: "none",
3411
3409
  ...group.style,
@@ -3441,8 +3439,7 @@ function BoltTable({
3441
3439
  textOverflow: "ellipsis",
3442
3440
  whiteSpace: "nowrap",
3443
3441
  boxSizing: "border-box",
3444
- borderBottom: "1px solid rgba(128,128,128,0.2)",
3445
- borderRight: "1px solid rgba(128,128,128,0.2)",
3442
+ border: "none",
3446
3443
  position: "sticky",
3447
3444
  left: columnOffsets.get("__select__") ?? 0,
3448
3445
  top: 0,
@@ -3509,8 +3506,8 @@ function BoltTable({
3509
3506
  textOverflow: "ellipsis",
3510
3507
  whiteSpace: "nowrap",
3511
3508
  boxSizing: "border-box",
3512
- borderBottom: "1px solid rgba(128,128,128,0.2)",
3513
- borderRight: "1px solid rgba(128,128,128,0.2)",
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)",
3514
3511
  position: "sticky",
3515
3512
  left: columnOffsets.get("__expand__") ?? 0,
3516
3513
  top: 0,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bolt-table",
3
- "version": "0.1.29",
3
+ "version": "0.1.32",
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",