@xcelsior/ui-spreadsheets 1.1.6 → 1.1.8

package/dist/index.mjs

@@ -215,10 +215,31 @@ var SpreadsheetCell = ({
     if (isRowHovered) return "rgb(243 244 246)";
     return "white";
   };
+  const handleCheckboxChange = (e) => {
+    e.stopPropagation();
+    const newValue = e.target.checked;
+    onConfirm?.(newValue);
+  };
   const renderContent = () => {
     if (column.render) {
       return column.render(value, row, rowIndex);
     }
+    if (column.type === "checkbox") {
+      return /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: Boolean(value),
+          onChange: handleCheckboxChange,
+          onClick: (e) => e.stopPropagation(),
+          disabled: !isEditable,
+          className: cn(
+            "h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500 cursor-pointer",
+            !isEditable && "cursor-not-allowed opacity-60"
+          )
+        }
+      );
+    }
     if (value === null || value === void 0 || value === "") {
       return /* @__PURE__ */ jsx("span", { className: "text-gray-400", children: "-" });
     }
@@ -231,6 +252,9 @@ var SpreadsheetCell = ({
     return String(value);
   };
   const renderEditInput = () => {
+    if (column.type === "checkbox") {
+      return renderContent();
+    }
     if (column.type === "select" && column.options) {
       return /* @__PURE__ */ jsx(
         "select",
@@ -1218,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());
@@ -1327,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,
@@ -1336,6 +1378,7 @@ function useSpreadsheetPinning({
     handleToggleGroupCollapse,
     setPinnedColumnsFromIds,
     getColumnLeftOffset,
+    getColumnRightOffset,
     isColumnPinned,
     getColumnPinSide
   };
@@ -3430,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,
@@ -3887,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,
                   {
@@ -3896,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),
@@ -4112,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,