bolt-table 0.1.2 → 0.1.4
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/README.md +1 -3
- package/dist/index.js +11 -11
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +11 -11
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -172,12 +172,12 @@ var DraggableHeader = React.memo(
|
|
|
172
172
|
...column.pinned === "left" && stickyOffset !== void 0 ? { left: `${stickyOffset}px` } : {},
|
|
173
173
|
...column.pinned === "right" && stickyOffset !== void 0 ? { right: `${stickyOffset}px` } : {},
|
|
174
174
|
...isPinned ? {
|
|
175
|
-
backgroundColor: styles?.pinnedBg ?? "Canvas",
|
|
175
|
+
backgroundColor: styles?.pinnedBg ?? "color-mix(in srgb, currentColor 4%, Canvas)",
|
|
176
176
|
...styles?.pinnedHeader
|
|
177
177
|
} : {},
|
|
178
178
|
...column.style,
|
|
179
179
|
...styles?.header,
|
|
180
|
-
backgroundColor: styles?.pinnedBg && isPinned ? styles.pinnedBg : isPinned ? "Canvas" : "rgba(128,128,128,0.06)",
|
|
180
|
+
backgroundColor: styles?.pinnedBg && isPinned ? styles.pinnedBg : isPinned ? "color-mix(in srgb, currentColor 4%, Canvas)" : "rgba(128,128,128,0.06)",
|
|
181
181
|
display: "flex",
|
|
182
182
|
height: 36,
|
|
183
183
|
alignItems: "center",
|
|
@@ -1023,7 +1023,7 @@ var TableBody = ({
|
|
|
1023
1023
|
else if (col.pinned === "right" && stickyOffset !== void 0)
|
|
1024
1024
|
style.right = `${stickyOffset}px`;
|
|
1025
1025
|
if (isPinned) {
|
|
1026
|
-
style.backgroundColor = styles?.pinnedBg ?? "Canvas";
|
|
1026
|
+
style.backgroundColor = styles?.pinnedBg ?? "color-mix(in srgb, currentColor 4%, Canvas)";
|
|
1027
1027
|
if (styles?.pinnedCell) Object.assign(style, styles.pinnedCell);
|
|
1028
1028
|
}
|
|
1029
1029
|
return { key: col.key, style, isPinned };
|
|
@@ -1900,7 +1900,7 @@ function BoltTable({
|
|
|
1900
1900
|
50% { opacity: 0.5; }
|
|
1901
1901
|
}
|
|
1902
1902
|
[data-row-key][data-hover] > div {
|
|
1903
|
-
background-color: ${styles.rowHover?.backgroundColor ?? "rgba(
|
|
1903
|
+
background-color: ${styles.rowHover?.backgroundColor ?? "rgba(128, 128, 128, 0.1)"};
|
|
1904
1904
|
}
|
|
1905
1905
|
[data-row-key][data-selected] > div {
|
|
1906
1906
|
background-color: ${styles.rowSelected?.backgroundColor ?? `${accentColor}15`};
|
|
@@ -1915,7 +1915,7 @@ function BoltTable({
|
|
|
1915
1915
|
opacity: 1 !important;
|
|
1916
1916
|
}
|
|
1917
1917
|
[data-bt-ctx-item]:not(:disabled):hover {
|
|
1918
|
-
background-color: rgba(
|
|
1918
|
+
background-color: rgba(128, 128, 128, 0.15);
|
|
1919
1919
|
}
|
|
1920
1920
|
[data-column-key][data-dragging] {
|
|
1921
1921
|
opacity: 0.3 !important;
|
|
@@ -2098,7 +2098,7 @@ function BoltTable({
|
|
|
2098
2098
|
textOverflow: "ellipsis",
|
|
2099
2099
|
whiteSpace: "nowrap",
|
|
2100
2100
|
borderBottom: "1px solid rgba(128,128,128,0.2)",
|
|
2101
|
-
backgroundColor:
|
|
2101
|
+
backgroundColor: styles?.pinnedBg,
|
|
2102
2102
|
position: "sticky",
|
|
2103
2103
|
left: columnOffsets.get("__select__") ?? 0,
|
|
2104
2104
|
top: 0,
|
|
@@ -2158,7 +2158,7 @@ function BoltTable({
|
|
|
2158
2158
|
textOverflow: "ellipsis",
|
|
2159
2159
|
whiteSpace: "nowrap",
|
|
2160
2160
|
borderBottom: "1px solid rgba(128,128,128,0.2)",
|
|
2161
|
-
backgroundColor: "Canvas",
|
|
2161
|
+
backgroundColor: styles?.pinnedBg ?? "color-mix(in srgb, currentColor 4%, Canvas)",
|
|
2162
2162
|
position: "sticky",
|
|
2163
2163
|
left: columnOffsets.get("__expand__") ?? 0,
|
|
2164
2164
|
top: 0,
|
|
@@ -2238,7 +2238,7 @@ function BoltTable({
|
|
|
2238
2238
|
gap: 8,
|
|
2239
2239
|
paddingTop: 32,
|
|
2240
2240
|
paddingBottom: 32,
|
|
2241
|
-
color: "
|
|
2241
|
+
color: "GrayText"
|
|
2242
2242
|
},
|
|
2243
2243
|
children: /* @__PURE__ */ jsx5("span", { style: { fontSize: 14 }, children: "No data" })
|
|
2244
2244
|
}
|
|
@@ -2303,7 +2303,7 @@ function BoltTable({
|
|
|
2303
2303
|
/* @__PURE__ */ jsx5("div", { style: { display: "flex", flex: "1 1 0%", alignItems: "center" }, children: (() => {
|
|
2304
2304
|
const rangeStart = total > 0 ? (currentPage - 1) * pageSize + 1 : 0;
|
|
2305
2305
|
const rangeEnd = Math.min(currentPage * pageSize, total);
|
|
2306
|
-
return pagination?.showTotal ? /* @__PURE__ */ jsxs5("span", { style: { color: "
|
|
2306
|
+
return pagination?.showTotal ? /* @__PURE__ */ jsxs5("span", { style: { color: "GrayText", fontSize: 12 }, children: [
|
|
2307
2307
|
"Showing",
|
|
2308
2308
|
" ",
|
|
2309
2309
|
pagination.showTotal(total, [rangeStart, rangeEnd]),
|
|
@@ -2311,7 +2311,7 @@ function BoltTable({
|
|
|
2311
2311
|
" ",
|
|
2312
2312
|
total,
|
|
2313
2313
|
" items"
|
|
2314
|
-
] }) : /* @__PURE__ */ jsxs5("span", { style: { color: "
|
|
2314
|
+
] }) : /* @__PURE__ */ jsxs5("span", { style: { color: "GrayText", fontSize: 12 }, children: [
|
|
2315
2315
|
rangeStart,
|
|
2316
2316
|
"\u2013",
|
|
2317
2317
|
rangeEnd,
|
|
@@ -2382,7 +2382,7 @@ function BoltTable({
|
|
|
2382
2382
|
"span",
|
|
2383
2383
|
{
|
|
2384
2384
|
style: {
|
|
2385
|
-
color: "
|
|
2385
|
+
color: "GrayText",
|
|
2386
2386
|
paddingLeft: 4,
|
|
2387
2387
|
paddingRight: 4,
|
|
2388
2388
|
fontSize: 12,
|