bolt-table 0.1.29 → 0.1.31
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 +9 -10
- package/dist/index.mjs +9 -10
- 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
|
-
|
|
263
|
-
|
|
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,8 @@ function BoltTable({
|
|
|
3432
3431
|
textOverflow: "ellipsis",
|
|
3433
3432
|
whiteSpace: "nowrap",
|
|
3434
3433
|
boxSizing: "border-box",
|
|
3435
|
-
|
|
3436
|
-
|
|
3434
|
+
border: "none",
|
|
3435
|
+
boxShadow: groupEndsAtLastCol ? "inset 0 -1px 0 0 rgba(128,128,128,0.35)" : "inset -1px 0 0 0 rgba(128,128,128,0.35), inset 0 -1px 0 0 rgba(128,128,128,0.35)",
|
|
3437
3436
|
fontWeight: 500,
|
|
3438
3437
|
userSelect: "none",
|
|
3439
3438
|
...group.style,
|
|
@@ -3469,8 +3468,8 @@ function BoltTable({
|
|
|
3469
3468
|
textOverflow: "ellipsis",
|
|
3470
3469
|
whiteSpace: "nowrap",
|
|
3471
3470
|
boxSizing: "border-box",
|
|
3472
|
-
|
|
3473
|
-
|
|
3471
|
+
border: "none",
|
|
3472
|
+
boxShadow: "inset -1px 0 0 0 rgba(128,128,128,0.35), inset 0 -1px 0 0 rgba(128,128,128,0.35)",
|
|
3474
3473
|
position: "sticky",
|
|
3475
3474
|
left: columnOffsets.get("__select__") ?? 0,
|
|
3476
3475
|
top: 0,
|
|
@@ -3537,8 +3536,8 @@ function BoltTable({
|
|
|
3537
3536
|
textOverflow: "ellipsis",
|
|
3538
3537
|
whiteSpace: "nowrap",
|
|
3539
3538
|
boxSizing: "border-box",
|
|
3540
|
-
|
|
3541
|
-
|
|
3539
|
+
border: "none",
|
|
3540
|
+
boxShadow: "inset -1px 0 0 0 rgba(128,128,128,0.35), inset 0 -1px 0 0 rgba(128,128,128,0.35)",
|
|
3542
3541
|
position: "sticky",
|
|
3543
3542
|
left: columnOffsets.get("__expand__") ?? 0,
|
|
3544
3543
|
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
|
-
|
|
229
|
-
|
|
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,8 @@ function BoltTable({
|
|
|
3404
3403
|
textOverflow: "ellipsis",
|
|
3405
3404
|
whiteSpace: "nowrap",
|
|
3406
3405
|
boxSizing: "border-box",
|
|
3407
|
-
|
|
3408
|
-
|
|
3406
|
+
border: "none",
|
|
3407
|
+
boxShadow: groupEndsAtLastCol ? "inset 0 -1px 0 0 rgba(128,128,128,0.35)" : "inset -1px 0 0 0 rgba(128,128,128,0.35), inset 0 -1px 0 0 rgba(128,128,128,0.35)",
|
|
3409
3408
|
fontWeight: 500,
|
|
3410
3409
|
userSelect: "none",
|
|
3411
3410
|
...group.style,
|
|
@@ -3441,8 +3440,8 @@ function BoltTable({
|
|
|
3441
3440
|
textOverflow: "ellipsis",
|
|
3442
3441
|
whiteSpace: "nowrap",
|
|
3443
3442
|
boxSizing: "border-box",
|
|
3444
|
-
|
|
3445
|
-
|
|
3443
|
+
border: "none",
|
|
3444
|
+
boxShadow: "inset -1px 0 0 0 rgba(128,128,128,0.35), inset 0 -1px 0 0 rgba(128,128,128,0.35)",
|
|
3446
3445
|
position: "sticky",
|
|
3447
3446
|
left: columnOffsets.get("__select__") ?? 0,
|
|
3448
3447
|
top: 0,
|
|
@@ -3509,8 +3508,8 @@ function BoltTable({
|
|
|
3509
3508
|
textOverflow: "ellipsis",
|
|
3510
3509
|
whiteSpace: "nowrap",
|
|
3511
3510
|
boxSizing: "border-box",
|
|
3512
|
-
|
|
3513
|
-
|
|
3511
|
+
border: "none",
|
|
3512
|
+
boxShadow: "inset -1px 0 0 0 rgba(128,128,128,0.35), inset 0 -1px 0 0 rgba(128,128,128,0.35)",
|
|
3514
3513
|
position: "sticky",
|
|
3515
3514
|
left: columnOffsets.get("__expand__") ?? 0,
|
|
3516
3515
|
top: 0,
|
package/package.json
CHANGED