@xcelsior/ui-spreadsheets 1.1.12 → 1.1.13
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 +4 -20
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +4 -20
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/components/Spreadsheet.stories.tsx +285 -25
- package/src/components/Spreadsheet.tsx +17 -19
- package/src/components/SpreadsheetCell.tsx +0 -5
- package/src/components/SpreadsheetHeader.tsx +0 -5
package/dist/index.js
CHANGED
|
@@ -403,11 +403,6 @@ var SpreadsheetCell = ({
|
|
|
403
403
|
style: {
|
|
404
404
|
backgroundColor: isInSelection ? "rgb(239 246 255)" : getBackgroundColor(),
|
|
405
405
|
minWidth: column.minWidth || column.width,
|
|
406
|
-
// Pinned columns need fixed width so sticky offset calculations are accurate
|
|
407
|
-
...isPinned && {
|
|
408
|
-
width: column.minWidth || column.width,
|
|
409
|
-
maxWidth: column.minWidth || column.width
|
|
410
|
-
},
|
|
411
406
|
...positionStyles,
|
|
412
407
|
...selectionBorderStyles
|
|
413
408
|
},
|
|
@@ -1249,11 +1244,6 @@ var SpreadsheetHeader = ({
|
|
|
1249
1244
|
backgroundColor: highlightColor || "rgb(243 244 246)",
|
|
1250
1245
|
// gray-100
|
|
1251
1246
|
minWidth: column.minWidth || column.width,
|
|
1252
|
-
// Pinned columns need fixed width so sticky offset calculations are accurate
|
|
1253
|
-
...isPinned && {
|
|
1254
|
-
width: column.minWidth || column.width,
|
|
1255
|
-
maxWidth: column.minWidth || column.width
|
|
1256
|
-
},
|
|
1257
1247
|
top: 0,
|
|
1258
1248
|
// For sticky header
|
|
1259
1249
|
...positionStyles
|
|
@@ -3919,9 +3909,7 @@ function Spreadsheet({
|
|
|
3919
3909
|
}
|
|
3920
3910
|
}
|
|
3921
3911
|
}
|
|
3922
|
-
const allGroupedIds = new Set(
|
|
3923
|
-
columnGroups.flatMap((g) => g.columns)
|
|
3924
|
-
);
|
|
3912
|
+
const allGroupedIds = new Set(columnGroups.flatMap((g) => g.columns));
|
|
3925
3913
|
for (const col of visibleColumns) {
|
|
3926
3914
|
if (!allGroupedIds.has(col.id)) {
|
|
3927
3915
|
const pinSide = pinnedColumns.get(col.id);
|
|
@@ -4033,7 +4021,7 @@ function Spreadsheet({
|
|
|
4033
4021
|
style: {
|
|
4034
4022
|
zoom: zoom / 100
|
|
4035
4023
|
},
|
|
4036
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("table", { className: "
|
|
4024
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("table", { className: "border-separate border-spacing-0 text-xs select-none", children: [
|
|
4037
4025
|
/* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("thead", { children: [
|
|
4038
4026
|
columnGroups && groupHeaderItems && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("tr", { children: [
|
|
4039
4027
|
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
@@ -4050,9 +4038,7 @@ function Spreadsheet({
|
|
|
4050
4038
|
),
|
|
4051
4039
|
groupHeaderItems.map((item) => {
|
|
4052
4040
|
if (item.type === "pinned-column") {
|
|
4053
|
-
const col = columns.find(
|
|
4054
|
-
(c) => c.id === item.columnId
|
|
4055
|
-
);
|
|
4041
|
+
const col = columns.find((c) => c.id === item.columnId);
|
|
4056
4042
|
const isPinnedLeft = item.pinSide === "left";
|
|
4057
4043
|
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
4058
4044
|
"th",
|
|
@@ -4066,9 +4052,7 @@ function Spreadsheet({
|
|
|
4066
4052
|
position: "sticky",
|
|
4067
4053
|
left: isPinnedLeft ? `${getColumnLeftOffset(item.columnId)}px` : void 0,
|
|
4068
4054
|
right: !isPinnedLeft ? `${getColumnRightOffset(item.columnId)}px` : void 0,
|
|
4069
|
-
minWidth: col?.minWidth || col?.width
|
|
4070
|
-
width: col?.minWidth || col?.width,
|
|
4071
|
-
maxWidth: col?.minWidth || col?.width
|
|
4055
|
+
minWidth: col?.minWidth || col?.width
|
|
4072
4056
|
}
|
|
4073
4057
|
},
|
|
4074
4058
|
`pinned-group-${item.columnId}`
|