@postxl/generators 1.0.11 → 1.0.14

package/dist/frontend-core/template/src/components/ui/data-grid/data-grid-context-menu.tsx

@@ -172,24 +172,33 @@ function ContextMenuImpl<TData>({
     )
   }, [table, selectionState])
 
-  // Determine whether the selected cells are all editable. If any selected cell belongs to a non-editable column (meta.cell.editable === false), disable the Clear action.
+  // Determine whether the selected cells are all editable. If any selected cell belongs to a non-editable column (meta.editable === false), disable the Clear action.
   const canClear = React.useMemo(() => {
     if (!selectionState?.selectedCells || selectionState.selectedCells.size === 0) {
       return false
     }
 
     const visibleCols = table.getVisibleLeafColumns()
+    const rows = table.getRowModel().rows
 
     for (const cellKey of selectionState.selectedCells) {
-      const { columnId } = parseCellKey(cellKey)
+      const { rowIndex, columnId } = parseCellKey(cellKey)
       if (!columnId) {
         continue
       }
       const col = visibleCols.find((c) => c.id === columnId)
-      const editable = (col?.columnDef as any)?.meta?.cell?.editable
+      const editable = col?.columnDef?.meta?.editable
+
       if (editable === false) {
         return false
       }
+
+      if (typeof editable === 'function') {
+        const row = rows[rowIndex]
+        if (row && !editable(row.original)) {
+          return false
+        }
+      }
     }
 
     return true