New CPM with Laravel 12 and React

2025-04-02 17:49:09 +05:45
commit ecc3d97909
190 changed files with 27148 additions and 0 deletions
--- a/resources/js/pages/users/index/columns.tsx
+++ b/resources/js/pages/users/index/columns.tsx
@ -0,0 +1,45 @@
+import { DataTableColumnHeaderSimple } from '@/components/data-table-column-header-simple-sort';
+import { DataTableColumnHeader } from '@/components/data-table-column-header-sort';
+import { Checkbox } from '@/components/ui/checkbox';
+import { User } from '@/types';
+import { ColumnDef } from '@tanstack/react-table';
+import RowActions from './row-actions';
+
+export const columns: ColumnDef<User>[] = [
+    {
+        id: 'select',
+        header: ({ table }) => (
+            <Checkbox
+                checked={table.getIsAllPageRowsSelected() || (table.getIsSomePageRowsSelected() && 'indeterminate')}
+                onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}
+                aria-label="Select all"
+            />
+        ),
+        cell: ({ row }) => (
+            <Checkbox checked={row.getIsSelected()} onCheckedChange={(value) => row.toggleSelected(!!value)} aria-label="Select row" />
+        ),
+        enableSorting: false,
+        enableHiding: false,
+    },
+    {
+        accessorKey: 'name',
+        header: ({ column }) => <DataTableColumnHeaderSimple column={column} title="Name" />,
+    },
+    {
+        accessorKey: 'email',
+        header: ({ column }) => {
+            return <DataTableColumnHeader column={column} title="Email" />;
+        },
+    },
+    {
+        accessorKey: 'status',
+        header: 'Status',
+    },
+    {
+        id: 'actions',
+        cell: ({ row }) => {
+            const user = row.original;
+            return <RowActions user={user} />;
+        },
+    },
+];