chore(dependencies): update multiple packages to latest versions (#342)

- Upgraded `@types/react` to `19.1.12` and `@types/react-dom` to `19.1.9` for improved type definitions. - Bumped `react-i18next` to `^15.7.3` for localization fixes. - Updated `@manypkg/cli` to `^0.25.1` for dependency management improvements. - Incremented `@sentry/nextjs` to `^10.8.0` and `stripe` to `^18.5.0` to incorporate recent enhancements. - Adjusted `ai` to `5.0.28` and `@ai-sdk/openai` to `^2.0.23` for AI-related updates. - Introduced sorting improvements and code examples in `DataTable` for server-side and client-side capabilities.
2025-08-29 21:25:36 +07:00
parent 9ce150609e
commit caf86ce09b
26 changed files with 1287 additions and 984 deletions
--- a/packages/billing/gateway/package.json
+++ b/packages/billing/gateway/package.json
@@ -27,13 +27,13 @@
    "@kit/tsconfig": "workspace:*",
    "@kit/ui": "workspace:*",
    "@supabase/supabase-js": "2.55.0",
-    "@types/react": "19.1.11",
+    "@types/react": "19.1.12",
    "date-fns": "^4.1.0",
    "lucide-react": "^0.542.0",
    "next": "15.5.2",
    "react": "19.1.1",
    "react-hook-form": "^7.62.0",
-    "react-i18next": "^15.7.2",
+    "react-i18next": "^15.7.3",
    "zod": "^3.25.74"
  },
  "typesVersions": {
--- a/packages/billing/lemon-squeezy/package.json
+++ b/packages/billing/lemon-squeezy/package.json
@@ -24,7 +24,7 @@
    "@kit/supabase": "workspace:*",
    "@kit/tsconfig": "workspace:*",
    "@kit/ui": "workspace:*",
-    "@types/react": "19.1.11",
+    "@types/react": "19.1.12",
    "next": "15.5.2",
    "react": "19.1.1",
    "zod": "^3.25.74"
--- a/packages/billing/stripe/package.json
+++ b/packages/billing/stripe/package.json
@@ -17,7 +17,7 @@
  "dependencies": {
    "@stripe/react-stripe-js": "^3.9.2",
    "@stripe/stripe-js": "^7.9.0",
-    "stripe": "^18.4.0"
+    "stripe": "^18.5.0"
  },
  "devDependencies": {
    "@kit/billing": "workspace:*",
@@ -27,7 +27,7 @@
    "@kit/supabase": "workspace:*",
    "@kit/tsconfig": "workspace:*",
    "@kit/ui": "workspace:*",
-    "@types/react": "19.1.11",
+    "@types/react": "19.1.12",
    "date-fns": "^4.1.0",
    "next": "15.5.2",
    "react": "19.1.1",
--- a/packages/billing/stripe/src/services/stripe-sdk.ts
+++ b/packages/billing/stripe/src/services/stripe-sdk.ts
@@ -2,7 +2,7 @@ import 'server-only';

 import { StripeServerEnvSchema } from '../schema/stripe-server-env.schema';

-const STRIPE_API_VERSION = '2025-07-30.basil';
+const STRIPE_API_VERSION = '2025-08-27.basil';

 /**
 * @description returns a Stripe instance
--- a/packages/cms/keystatic/package.json
+++ b/packages/cms/keystatic/package.json
@@ -27,7 +27,7 @@
    "@kit/tsconfig": "workspace:*",
    "@kit/ui": "workspace:*",
    "@types/node": "^24.3.0",
-    "@types/react": "19.1.11",
+    "@types/react": "19.1.12",
    "react": "19.1.1",
    "zod": "^3.25.74"
  },
--- a/packages/cms/wordpress/package.json
+++ b/packages/cms/wordpress/package.json
@@ -21,7 +21,7 @@
    "@kit/tsconfig": "workspace:*",
    "@kit/ui": "workspace:*",
    "@types/node": "^24.3.0",
-    "@types/react": "19.1.11",
+    "@types/react": "19.1.12",
    "wp-types": "^4.68.1"
  },
  "typesVersions": {
--- a/packages/features/accounts/package.json
+++ b/packages/features/accounts/package.json
@@ -36,15 +36,15 @@
    "@radix-ui/react-icons": "^1.3.2",
    "@supabase/supabase-js": "2.55.0",
    "@tanstack/react-query": "5.85.5",
-    "@types/react": "19.1.11",
-    "@types/react-dom": "19.1.8",
+    "@types/react": "19.1.12",
+    "@types/react-dom": "19.1.9",
    "lucide-react": "^0.542.0",
    "next": "15.5.2",
    "next-themes": "0.4.6",
    "react": "19.1.1",
    "react-dom": "19.1.1",
    "react-hook-form": "^7.62.0",
-    "react-i18next": "^15.7.2",
+    "react-i18next": "^15.7.3",
    "zod": "^3.25.74"
  },
  "prettier": "@kit/prettier-config",
--- a/packages/features/admin/package.json
+++ b/packages/features/admin/package.json
@@ -23,7 +23,7 @@
    "@supabase/supabase-js": "2.55.0",
    "@tanstack/react-query": "5.85.5",
    "@tanstack/react-table": "^8.21.3",
-    "@types/react": "19.1.11",
+    "@types/react": "19.1.12",
    "lucide-react": "^0.542.0",
    "next": "15.5.2",
    "react": "19.1.1",
--- a/packages/features/auth/package.json
+++ b/packages/features/auth/package.json
@@ -31,11 +31,11 @@
    "@radix-ui/react-icons": "^1.3.2",
    "@supabase/supabase-js": "2.55.0",
    "@tanstack/react-query": "5.85.5",
-    "@types/react": "19.1.11",
+    "@types/react": "19.1.12",
    "lucide-react": "^0.542.0",
    "next": "15.5.2",
    "react-hook-form": "^7.62.0",
-    "react-i18next": "^15.7.2",
+    "react-i18next": "^15.7.3",
    "sonner": "^2.0.7",
    "zod": "^3.25.74"
  },
--- a/packages/features/notifications/package.json
+++ b/packages/features/notifications/package.json
@@ -21,11 +21,11 @@
    "@kit/ui": "workspace:*",
    "@supabase/supabase-js": "2.55.0",
    "@tanstack/react-query": "5.85.5",
-    "@types/react": "19.1.11",
+    "@types/react": "19.1.12",
    "lucide-react": "^0.542.0",
    "react": "19.1.1",
    "react-dom": "19.1.1",
-    "react-i18next": "^15.7.2"
+    "react-i18next": "^15.7.3"
  },
  "prettier": "@kit/prettier-config",
  "typesVersions": {
--- a/packages/features/team-accounts/package.json
+++ b/packages/features/team-accounts/package.json
@@ -35,8 +35,8 @@
    "@supabase/supabase-js": "2.55.0",
    "@tanstack/react-query": "5.85.5",
    "@tanstack/react-table": "^8.21.3",
-    "@types/react": "19.1.11",
-    "@types/react-dom": "19.1.8",
+    "@types/react": "19.1.12",
+    "@types/react-dom": "19.1.9",
    "class-variance-authority": "^0.7.1",
    "date-fns": "^4.1.0",
    "lucide-react": "^0.542.0",
@@ -44,7 +44,7 @@
    "react": "19.1.1",
    "react-dom": "19.1.1",
    "react-hook-form": "^7.62.0",
-    "react-i18next": "^15.7.2",
+    "react-i18next": "^15.7.3",
    "zod": "^3.25.74"
  },
  "prettier": "@kit/prettier-config",
--- a/packages/i18n/package.json
+++ b/packages/i18n/package.json
@@ -24,7 +24,7 @@
    "next": "15.5.2",
    "react": "19.1.1",
    "react-dom": "19.1.1",
-    "react-i18next": "^15.7.2"
+    "react-i18next": "^15.7.3"
  },
  "dependencies": {
    "i18next": "25.4.2",
--- a/packages/monitoring/api/package.json
+++ b/packages/monitoring/api/package.json
@@ -24,7 +24,7 @@
    "@kit/sentry": "workspace:*",
    "@kit/shared": "workspace:*",
    "@kit/tsconfig": "workspace:*",
-    "@types/react": "19.1.11",
+    "@types/react": "19.1.12",
    "react": "19.1.1",
    "zod": "^3.25.74"
  },
--- a/packages/monitoring/baselime/package.json
+++ b/packages/monitoring/baselime/package.json
@@ -24,7 +24,7 @@
    "@kit/eslint-config": "workspace:*",
    "@kit/prettier-config": "workspace:*",
    "@kit/tsconfig": "workspace:*",
-    "@types/react": "19.1.11",
+    "@types/react": "19.1.12",
    "react": "19.1.1",
    "zod": "^3.25.74"
  },
--- a/packages/monitoring/core/package.json
+++ b/packages/monitoring/core/package.json
@@ -17,7 +17,7 @@
    "@kit/eslint-config": "workspace:*",
    "@kit/prettier-config": "workspace:*",
    "@kit/tsconfig": "workspace:*",
-    "@types/react": "19.1.11",
+    "@types/react": "19.1.12",
    "react": "19.1.1"
  },
  "typesVersions": {
--- a/packages/monitoring/sentry/package.json
+++ b/packages/monitoring/sentry/package.json
@@ -16,7 +16,7 @@
    "./config/server": "./src/sentry.client.server.ts"
  },
  "dependencies": {
-    "@sentry/nextjs": "^10.6.0",
+    "@sentry/nextjs": "^10.8.0",
    "import-in-the-middle": "1.14.2"
  },
  "devDependencies": {
@@ -24,7 +24,7 @@
    "@kit/monitoring-core": "workspace:*",
    "@kit/prettier-config": "workspace:*",
    "@kit/tsconfig": "workspace:*",
-    "@types/react": "19.1.11",
+    "@types/react": "19.1.12",
    "react": "19.1.1"
  },
  "typesVersions": {
--- a/packages/otp/package.json
+++ b/packages/otp/package.json
@@ -26,8 +26,8 @@
    "@kit/ui": "workspace:*",
    "@radix-ui/react-icons": "^1.3.2",
    "@supabase/supabase-js": "2.55.0",
-    "@types/react": "19.1.11",
-    "@types/react-dom": "19.1.8",
+    "@types/react": "19.1.12",
+    "@types/react-dom": "19.1.9",
    "react": "19.1.1",
    "react-dom": "19.1.1",
    "react-hook-form": "^7.62.0",
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -20,7 +20,7 @@
    "@kit/eslint-config": "workspace:*",
    "@kit/prettier-config": "workspace:*",
    "@kit/tsconfig": "workspace:*",
-    "@types/react": "19.1.11"
+    "@types/react": "19.1.12"
  },
  "dependencies": {
    "pino": "^9.8.0"
--- a/packages/supabase/package.json
+++ b/packages/supabase/package.json
@@ -28,7 +28,7 @@
    "@supabase/ssr": "^0.7.0",
    "@supabase/supabase-js": "2.55.0",
    "@tanstack/react-query": "5.85.5",
-    "@types/react": "19.1.11",
+    "@types/react": "19.1.12",
    "next": "15.5.2",
    "react": "19.1.1",
    "server-only": "^0.0.1",
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -28,8 +28,8 @@
    "@supabase/supabase-js": "2.55.0",
    "@tanstack/react-query": "5.85.5",
    "@tanstack/react-table": "^8.21.3",
-    "@types/react": "19.1.11",
-    "@types/react-dom": "19.1.8",
+    "@types/react": "19.1.12",
+    "@types/react-dom": "19.1.9",
    "class-variance-authority": "^0.7.1",
    "date-fns": "^4.1.0",
    "eslint": "^9.34.0",
@@ -38,7 +38,7 @@
    "prettier": "^3.6.2",
    "react-day-picker": "^9.9.0",
    "react-hook-form": "^7.62.0",
-    "react-i18next": "^15.7.2",
+    "react-i18next": "^15.7.3",
    "sonner": "^2.0.7",
    "tailwindcss": "4.1.12",
    "tailwindcss-animate": "^1.0.7",
--- a/packages/ui/src/makerkit/data-table.tsx
+++ b/packages/ui/src/makerkit/data-table.tsx
@@ -8,6 +8,7 @@ import {
  Cell,
  flexRender,
  getCoreRowModel,
+  getSortedRowModel,
  useReactTable,
 } from '@tanstack/react-table';
 import type {
@@ -21,8 +22,10 @@ import type {
  VisibilityState,
 } from '@tanstack/react-table';
 import {
+  ChevronDown,
  ChevronLeft,
  ChevronRight,
+  ChevronUp,
  ChevronsLeft,
  ChevronsRight,
 } from 'lucide-react';
@@ -87,6 +90,7 @@ interface ReactTableProps<T extends DataItem> {
  }) => (props: React.PropsWithChildren<object>) => React.ReactNode;
  noResultsMessage?: React.ReactNode;
  forcePagination?: boolean; // Force pagination to show even when pageCount <= 1
+  manualSorting?: boolean; // Default true for server-side sorting, set false for client-side sorting
 }

 export function DataTable<RecordData extends DataItem>({
@@ -115,6 +119,7 @@ export function DataTable<RecordData extends DataItem>({
  rowSelection: controlledRowSelection,
  sticky = false,
  forcePagination = false,
+  manualSorting = true,
 }: ReactTableProps<RecordData>) {
  // TODO: remove when https://github.com/TanStack/table/issues/5567 gets fixed
  'use no memo';
@@ -149,10 +154,11 @@ export function DataTable<RecordData extends DataItem>({
    getRowId,
    columns,
    getCoreRowModel: getCoreRowModel(),
+    getSortedRowModel: getSortedRowModel(),
    enableColumnPinning: true,
    enableRowSelection: true,
    manualPagination: true,
-    manualSorting: true,
+    manualSorting,
    onColumnFiltersChange: setColumnFilters,
    onColumnVisibilityChange: (updater) => {
      if (typeof updater === 'function') {
@@ -350,12 +356,42 @@ export function DataTable<RecordData extends DataItem>({
                    }}
                    key={header.id}
                  >
-                    {header.isPlaceholder
-                      ? null
-                      : flexRender(
+                    {header.isPlaceholder ? null : (
+                      <div
+                        className={cn(
+                          'flex items-center gap-2',
+                          header.column.getCanSort()
+                            ? 'hover:bg-accent/50 -mx-3 cursor-pointer rounded px-3 py-1 select-none'
+                            : '',
+                        )}
+                        onClick={header.column.getToggleSortingHandler()}
+                      >
+                        {flexRender(
                          header.column.columnDef.header,
                          header.getContext(),
                        )}
+                        {header.column.getCanSort() && (
+                          <div className="flex flex-col">
+                            <ChevronUp
+                              className={cn(
+                                'h-3 w-3',
+                                header.column.getIsSorted() === 'asc'
+                                  ? 'text-foreground'
+                                  : 'text-muted-foreground/50',
+                              )}
+                            />
+                            <ChevronDown
+                              className={cn(
+                                '-mt-1 h-3 w-3',
+                                header.column.getIsSorted() === 'desc'
+                                  ? 'text-foreground'
+                                  : 'text-muted-foreground/50',
+                              )}
+                            />
+                          </div>
+                        )}
+                      </div>
+                    )}
                  </TableHead>
                );
              })}