@postxl/generators 1.0.13 → 1.1.0

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

package/dist/frontend-core/template/src/components/ui/data-grid/data-grid-types.ts

@@ -1,4 +1,4 @@
-import { RowData } from '@tanstack/react-table'
+import { Column, RowData } from '@tanstack/react-table'
 
 import { ISODateRange } from './cell-variants/utils/gantt-timerange-picker'
 
@@ -58,15 +58,23 @@ export type UpdateCell = {
   value: unknown
 }
 
+export type ColumnMenuRendererFunction<TData extends RowData, TValue> = (args: {
+  column: Column<TData, TValue>
+  open?: boolean
+  onOpenChange?: (open: boolean) => void
+}) => React.ReactNode
+
 declare module '@tanstack/react-table' {
   // biome-ignore lint/correctness/noUnusedVariables lint/correctness/noUnusedVariables: TData and TValue are used in the ColumnMeta interface
-  // eslint-disable-next-line @typescript-eslint/consistent-type-definitions, @typescript-eslint/no-unused-vars
+  // eslint-disable-next-line @typescript-eslint/consistent-type-definitions
   interface ColumnMeta<TData extends RowData, TValue> {
     label?: string
     cell?: Cell
     align?: 'left' | 'right' | 'center'
     className?: string | ((row: TData) => string | undefined)
     editable?: boolean | ((row: TData) => boolean)
+    headerMenuFooter?: React.ReactNode | ColumnMenuRendererFunction<TData, TValue>
+    headerCustomComponent?: React.ReactNode | ColumnMenuRendererFunction<TData, TValue>
   }
   // biome-ignore lint/correctness/noUnusedVariables: TData is used in the TableMeta interface
   // eslint-disable-next-line @typescript-eslint/consistent-type-definitions, @typescript-eslint/no-unused-vars