@xcelsior/ui-spreadsheets 1.1.7 → 1.1.9

package/dist/index.mjs

@@ -377,7 +377,7 @@ var SpreadsheetCell = ({
           }
         ),
         !isInSelection && !isFocused && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5 shrink-0", children: [
-          onHighlight && /* @__PURE__ */ jsx(
+          column.highlightable !== false && onHighlight && /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
@@ -398,7 +398,7 @@ var SpreadsheetCell = ({
               )
             }
           ),
-          hasComments && onViewComments ? /* @__PURE__ */ jsxs(
+          column.commentable !== false && hasComments && onViewComments ? /* @__PURE__ */ jsxs(
             "button",
             {
               type: "button",
@@ -413,7 +413,7 @@ var SpreadsheetCell = ({
                 unresolvedCommentCount > 0 && /* @__PURE__ */ jsx("span", { className: "text-[9px] font-medium text-amber-600", children: unresolvedCommentCount > 99 ? "99+" : unresolvedCommentCount })
               ]
             }
-          ) : onAddComment ? /* @__PURE__ */ jsx(
+          ) : column.commentable !== false && onAddComment ? /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
@@ -1216,7 +1216,7 @@ var SpreadsheetHeader = ({
             ColumnHeaderActions,
             {
               enableFiltering: column.filterable,
-              enableHighlighting: !!onHighlightClick,
+              enableHighlighting: column.highlightable !== false && !!onHighlightClick,
               enablePinning: column.pinnable !== false,
               hasActiveFilter,
               hasActiveHighlight: !!highlightColor,
@@ -1242,13 +1242,17 @@ function useSpreadsheetPinning({
   columns,
   columnGroups,
   showRowIndex = true,
-  defaultPinnedColumns = []
+  defaultPinnedColumns = [],
+  defaultPinnedRightColumns = []
 }) {
   const [pinnedColumns, setPinnedColumns] = useState3(() => {
     const map = /* @__PURE__ */ new Map();
     defaultPinnedColumns.forEach((col) => {
       map.set(col, "left");
     });
+    defaultPinnedRightColumns.forEach((col) => {
+      map.set(col, "right");
+    });
     return map;
   });
   const [collapsedGroups, setCollapsedGroups] = useState3(/* @__PURE__ */ new Set());
@@ -1351,6 +1355,20 @@ function useSpreadsheetPinning({
     },
     [pinnedColumns]
   );
+  const getColumnRightOffset = useCallback(
+    (columnId) => {
+      const pinnedRight = Array.from(pinnedColumns.entries()).filter(([, side]) => side === "right").map(([id]) => id);
+      const index = pinnedRight.indexOf(columnId);
+      if (index === -1) return 0;
+      let offset = 0;
+      for (let i = pinnedRight.length - 1; i > index; i--) {
+        const col = columns.find((c) => c.id === pinnedRight[i]);
+        offset += col?.minWidth || col?.width || 100;
+      }
+      return offset;
+    },
+    [pinnedColumns, columns]
+  );
   return {
     pinnedColumns,
     isRowIndexPinned,
@@ -1360,6 +1378,7 @@ function useSpreadsheetPinning({
     handleToggleGroupCollapse,
     setPinnedColumnsFromIds,
     getColumnLeftOffset,
+    getColumnRightOffset,
     isColumnPinned,
     getColumnPinSide
   };
@@ -3454,12 +3473,14 @@ function Spreadsheet({
     handleToggleGroupCollapse,
     setPinnedColumnsFromIds,
     getColumnLeftOffset,
+    getColumnRightOffset,
     isColumnPinned,
     getColumnPinSide
   } = useSpreadsheetPinning({
     columns,
     columnGroups,
-    defaultPinnedColumns: initialSettings?.defaultPinnedColumns
+    defaultPinnedColumns: initialSettings?.defaultPinnedColumns,
+    defaultPinnedRightColumns: initialSettings?.defaultPinnedRightColumns
   });
   const {
     getCellComments,
@@ -3911,6 +3932,7 @@ function Spreadsheet({
               ),
               visibleColumns.map((column) => {
                 const isPinnedLeft = isColumnPinned(column.id) && getColumnPinSide(column.id) === "left";
+                const isPinnedRight = isColumnPinned(column.id) && getColumnPinSide(column.id) === "right";
                 return /* @__PURE__ */ jsx12(
                   SpreadsheetHeader,
                   {
@@ -3920,6 +3942,7 @@ function Spreadsheet({
                     isPinned: isColumnPinned(column.id),
                     pinSide: getColumnPinSide(column.id),
                     leftOffset: isPinnedLeft ? getColumnLeftOffset(column.id) : 0,
+                    rightOffset: isPinnedRight ? getColumnRightOffset(column.id) : 0,
                     highlightColor: getColumnHighlight(column.id),
                     compactMode: effectiveCompactMode,
                     onClick: () => handleSort(column.id),
@@ -4136,6 +4159,7 @@ function Spreadsheet({
                         isPinned: isColPinned,
                         pinSide: colPinSide,
                         leftOffset: getColumnLeftOffset(column.id),
+                        rightOffset: getColumnRightOffset(column.id),
                         onClick: (e) => handleCellClick(rowId, column.id, e),
                         onConfirm: handleConfirmEdit,
                         onCancel: handleCancelEdit,