chore: update package versions and dependencies across multiple files (#413)

* chore: update package versions and dependencies across multiple files

- Bumped application version to 2.21.3 in package.json.
- Updated dependencies including turbo to version 2.6.1, @next/bundle-analyzer and @next/eslint-plugin-next to version 16.0.3, and @supabase/supabase-js to version 2.81.1.
- Adjusted @types/node, @types/react, and @types/react-dom versions for consistency.
- Refactored package.json files to utilize catalog dependencies for improved management.
- Incremented various other dependencies such as react-i18next to version 16.3.3 and tailwind-merge to version 3.4.0.

* chore: downgrade @next/bundle-analyzer and @next/eslint-plugin-next to version 16.0.2 and update next to version 16.0.2 in pnpm-lock.yaml and pnpm-workspace.yaml

- Updated package versions for consistency across the project.
- Adjusted the overflow property in the PageWithSidebar component for improved layout handling.

* feat: add sorting functionality to DataTable header

- Implemented click handler for sortable headers in the DataTable component, allowing users to toggle sorting between ascending and descending order.
- Enhanced user interaction by updating the header's visual state based on the current sorting direction.

* fix: update layout and structure in UserHomePage and DashboardDemo components

- Added a new div structure within the PageBody of UserHomePage for improved layout.
- Simplified the grid structure in DashboardDemo by adjusting the number of columns for better responsiveness.
- Enhanced the PageWithSidebar component to ensure proper flex behavior and layout consistency.

* refactor: simplify PageBody structure in UserHomePage

- Removed unnecessary div elements within the PageBody of UserHomePage for cleaner layout.
- Enhanced readability and maintainability of the component structure.
This commit is contained in:
Giancarlo Buomprisco
2025-11-18 22:34:53 +07:00
committed by GitHub
parent 7569ebaaad
commit 3e6fef41c7
35 changed files with 2324 additions and 2155 deletions

View File

@@ -21,7 +21,7 @@
"@kit/supabase": "workspace:*",
"@kit/tsconfig": "workspace:*",
"@kit/ui": "workspace:*",
"zod": "^3.25.74"
"zod": "catalog:"
},
"typesVersions": {
"*": {

View File

@@ -26,15 +26,15 @@
"@kit/supabase": "workspace:*",
"@kit/tsconfig": "workspace:*",
"@kit/ui": "workspace:*",
"@supabase/supabase-js": "2.80.0",
"@supabase/supabase-js": "catalog:",
"@types/react": "catalog:",
"date-fns": "^4.1.0",
"lucide-react": "^0.553.0",
"next": "catalog:",
"react": "19.2.0",
"react": "catalog:",
"react-hook-form": "^7.66.0",
"react-i18next": "^16.2.4",
"zod": "^3.25.74"
"react-i18next": "^16.3.3",
"zod": "catalog:"
},
"typesVersions": {
"*": {

View File

@@ -26,8 +26,8 @@
"@kit/ui": "workspace:*",
"@types/react": "catalog:",
"next": "catalog:",
"react": "19.2.0",
"zod": "^3.25.74"
"react": "catalog:",
"zod": "catalog:"
},
"typesVersions": {
"*": {

View File

@@ -16,8 +16,8 @@
},
"dependencies": {
"@stripe/react-stripe-js": "^5.3.0",
"@stripe/stripe-js": "^8.3.0",
"stripe": "^19.3.0"
"@stripe/stripe-js": "^8.4.0",
"stripe": "^19.3.1"
},
"devDependencies": {
"@kit/billing": "workspace:*",
@@ -30,8 +30,8 @@
"@types/react": "catalog:",
"date-fns": "^4.1.0",
"next": "catalog:",
"react": "19.2.0",
"zod": "^3.25.74"
"react": "catalog:",
"zod": "catalog:"
},
"typesVersions": {
"*": {

View File

@@ -28,8 +28,8 @@
"@kit/ui": "workspace:*",
"@types/node": "catalog:",
"@types/react": "catalog:",
"react": "19.2.0",
"zod": "^3.25.74"
"react": "catalog:",
"zod": "catalog:"
},
"typesVersions": {
"*": {

View File

@@ -21,8 +21,8 @@
"@kit/stripe": "workspace:*",
"@kit/supabase": "workspace:*",
"@kit/tsconfig": "workspace:*",
"@supabase/supabase-js": "2.80.0",
"zod": "^3.25.74"
"@supabase/supabase-js": "catalog:",
"zod": "catalog:"
},
"typesVersions": {
"*": {

View File

@@ -13,7 +13,7 @@
".": "./src/index.ts"
},
"dependencies": {
"@react-email/components": "1.0.0"
"@react-email/components": "1.0.1"
},
"devDependencies": {
"@kit/eslint-config": "workspace:*",

View File

@@ -34,18 +34,18 @@
"@kit/tsconfig": "workspace:*",
"@kit/ui": "workspace:*",
"@radix-ui/react-icons": "^1.3.2",
"@supabase/supabase-js": "2.80.0",
"@tanstack/react-query": "5.90.7",
"@supabase/supabase-js": "catalog:",
"@tanstack/react-query": "catalog:",
"@types/react": "catalog:",
"@types/react-dom": "catalog:",
"lucide-react": "^0.553.0",
"next": "catalog:",
"next-themes": "0.4.6",
"react": "19.2.0",
"react": "catalog:",
"react-dom": "19.2.0",
"react-hook-form": "^7.66.0",
"react-i18next": "^16.2.4",
"zod": "^3.25.74"
"react-i18next": "^16.3.3",
"zod": "catalog:"
},
"prettier": "@kit/prettier-config",
"typesVersions": {

View File

@@ -20,16 +20,16 @@
"@kit/ui": "workspace:*",
"@makerkit/data-loader-supabase-core": "^0.0.10",
"@makerkit/data-loader-supabase-nextjs": "^1.2.5",
"@supabase/supabase-js": "2.80.0",
"@tanstack/react-query": "5.90.7",
"@supabase/supabase-js": "catalog:",
"@tanstack/react-query": "catalog:",
"@tanstack/react-table": "^8.21.3",
"@types/react": "catalog:",
"lucide-react": "^0.553.0",
"next": "catalog:",
"react": "19.2.0",
"react": "catalog:",
"react-dom": "19.2.0",
"react-hook-form": "^7.66.0",
"zod": "^3.25.74"
"zod": "catalog:"
},
"exports": {
".": "./src/index.ts",

View File

@@ -29,15 +29,15 @@
"@kit/ui": "workspace:*",
"@marsidev/react-turnstile": "^1.3.1",
"@radix-ui/react-icons": "^1.3.2",
"@supabase/supabase-js": "2.80.0",
"@tanstack/react-query": "5.90.7",
"@supabase/supabase-js": "catalog:",
"@tanstack/react-query": "catalog:",
"@types/react": "catalog:",
"lucide-react": "^0.553.0",
"next": "catalog:",
"react-hook-form": "^7.66.0",
"react-i18next": "^16.2.4",
"react-i18next": "^16.3.3",
"sonner": "^2.0.7",
"zod": "^3.25.74"
"zod": "catalog:"
},
"prettier": "@kit/prettier-config",
"typesVersions": {

View File

@@ -19,13 +19,13 @@
"@kit/supabase": "workspace:*",
"@kit/tsconfig": "workspace:*",
"@kit/ui": "workspace:*",
"@supabase/supabase-js": "2.80.0",
"@tanstack/react-query": "5.90.7",
"@supabase/supabase-js": "catalog:",
"@tanstack/react-query": "catalog:",
"@types/react": "catalog:",
"lucide-react": "^0.553.0",
"react": "19.2.0",
"react": "catalog:",
"react-dom": "19.2.0",
"react-i18next": "^16.2.4"
"react-i18next": "^16.3.3"
},
"prettier": "@kit/prettier-config",
"typesVersions": {

View File

@@ -36,8 +36,8 @@
"@kit/supabase": "workspace:*",
"@kit/tsconfig": "workspace:*",
"@kit/ui": "workspace:*",
"@supabase/supabase-js": "2.80.0",
"@tanstack/react-query": "5.90.7",
"@supabase/supabase-js": "catalog:",
"@tanstack/react-query": "catalog:",
"@tanstack/react-table": "^8.21.3",
"@types/react": "catalog:",
"@types/react-dom": "catalog:",
@@ -45,11 +45,11 @@
"date-fns": "^4.1.0",
"lucide-react": "^0.553.0",
"next": "catalog:",
"react": "19.2.0",
"react": "catalog:",
"react-dom": "19.2.0",
"react-hook-form": "^7.66.0",
"react-i18next": "^16.2.4",
"zod": "^3.25.74"
"react-i18next": "^16.3.3",
"zod": "catalog:"
},
"prettier": "@kit/prettier-config",
"typesVersions": {

View File

@@ -20,14 +20,14 @@
"@kit/prettier-config": "workspace:*",
"@kit/shared": "workspace:*",
"@kit/tsconfig": "workspace:*",
"@tanstack/react-query": "5.90.7",
"@tanstack/react-query": "catalog:",
"next": "catalog:",
"react": "19.2.0",
"react": "catalog:",
"react-dom": "19.2.0",
"react-i18next": "^16.2.4"
"react-i18next": "^16.3.3"
},
"dependencies": {
"i18next": "25.6.1",
"i18next": "25.6.2",
"i18next-browser-languagedetector": "8.2.0",
"i18next-resources-to-backend": "^1.2.1"
},

View File

@@ -21,7 +21,7 @@
"@kit/shared": "workspace:*",
"@kit/tsconfig": "workspace:*",
"@types/node": "catalog:",
"zod": "^3.25.74"
"zod": "catalog:"
},
"typesVersions": {
"*": {

View File

@@ -21,7 +21,7 @@
"@kit/prettier-config": "workspace:*",
"@kit/tsconfig": "workspace:*",
"@types/nodemailer": "7.0.3",
"zod": "^3.25.74"
"zod": "catalog:"
},
"typesVersions": {
"*": {

View File

@@ -18,7 +18,7 @@
"@kit/prettier-config": "workspace:*",
"@kit/tsconfig": "workspace:*",
"@types/node": "catalog:",
"zod": "^3.25.74"
"zod": "catalog:"
},
"typesVersions": {
"*": {

View File

@@ -16,7 +16,7 @@
"@kit/eslint-config": "workspace:*",
"@kit/prettier-config": "workspace:*",
"@kit/tsconfig": "workspace:*",
"zod": "^3.25.74"
"zod": "catalog:"
},
"typesVersions": {
"*": {

View File

@@ -24,10 +24,10 @@
"devDependencies": {
"@kit/prettier-config": "workspace:*",
"@kit/tsconfig": "workspace:*",
"@modelcontextprotocol/sdk": "1.21.1",
"@modelcontextprotocol/sdk": "1.22.0",
"@types/node": "catalog:",
"postgres": "3.4.7",
"zod": "^3.25.74"
"zod": "catalog:"
},
"prettier": "@kit/prettier-config",
"typesVersions": {

View File

@@ -24,8 +24,8 @@
"@kit/shared": "workspace:*",
"@kit/tsconfig": "workspace:*",
"@types/react": "catalog:",
"react": "19.2.0",
"zod": "^3.25.74"
"react": "catalog:",
"zod": "catalog:"
},
"typesVersions": {
"*": {

View File

@@ -16,7 +16,7 @@
"./config/server": "./src/sentry.client.server.ts"
},
"dependencies": {
"@sentry/nextjs": "^10.22.0"
"@sentry/nextjs": "^10.25.0"
},
"devDependencies": {
"@kit/eslint-config": "workspace:*",

View File

@@ -20,9 +20,9 @@
"@kit/prettier-config": "workspace:*",
"@kit/supabase": "workspace:*",
"@kit/tsconfig": "workspace:*",
"@supabase/supabase-js": "2.80.0",
"@supabase/supabase-js": "catalog:",
"next": "catalog:",
"zod": "^3.25.74"
"zod": "catalog:"
},
"typesVersions": {
"*": {

View File

@@ -25,13 +25,13 @@
"@kit/tsconfig": "workspace:*",
"@kit/ui": "workspace:*",
"@radix-ui/react-icons": "^1.3.2",
"@supabase/supabase-js": "2.80.0",
"@supabase/supabase-js": "catalog:",
"@types/react": "catalog:",
"@types/react-dom": "catalog:",
"react": "19.2.0",
"react": "catalog:",
"react-dom": "19.2.0",
"react-hook-form": "^7.66.0",
"zod": "^3.25.74"
"zod": "catalog:"
},
"typesVersions": {
"*": {

View File

@@ -23,7 +23,7 @@
"@kit/prettier-config": "workspace:*",
"@kit/shared": "workspace:*",
"@kit/tsconfig": "workspace:*",
"zod": "^3.25.74"
"zod": "catalog:"
},
"prettier": "@kit/prettier-config"
}

View File

@@ -26,13 +26,13 @@
"@kit/prettier-config": "workspace:*",
"@kit/tsconfig": "workspace:*",
"@supabase/ssr": "^0.7.0",
"@supabase/supabase-js": "2.80.0",
"@tanstack/react-query": "5.90.7",
"@supabase/supabase-js": "catalog:",
"@tanstack/react-query": "catalog:",
"@types/node": "catalog:",
"@types/react": "catalog:",
"next": "catalog:",
"react": "19.2.0",
"zod": "^3.25.74"
"react": "catalog:",
"zod": "catalog:"
},
"typesVersions": {
"*": {

View File

@@ -19,14 +19,14 @@
"react-dropzone": "^14.3.8",
"react-top-loading-bar": "3.0.2",
"recharts": "2.15.3",
"tailwind-merge": "^3.3.1"
"tailwind-merge": "^3.4.0"
},
"devDependencies": {
"@kit/eslint-config": "workspace:*",
"@kit/prettier-config": "workspace:*",
"@kit/tsconfig": "workspace:*",
"@supabase/supabase-js": "2.80.0",
"@tanstack/react-query": "5.90.7",
"@supabase/supabase-js": "catalog:",
"@tanstack/react-query": "catalog:",
"@tanstack/react-table": "^8.21.3",
"@types/react": "catalog:",
"@types/react-dom": "catalog:",
@@ -38,12 +38,12 @@
"prettier": "^3.6.2",
"react-day-picker": "^9.11.1",
"react-hook-form": "^7.66.0",
"react-i18next": "^16.2.4",
"react-i18next": "^16.3.3",
"sonner": "^2.0.7",
"tailwindcss": "catalog:",
"tailwindcss-animate": "^1.0.7",
"typescript": "^5.9.3",
"zod": "^3.25.74"
"zod": "catalog:"
},
"prettier": "@kit/prettier-config",
"imports": {

View File

@@ -358,6 +358,14 @@ export function DataTable<RecordData extends DataItem>({
>
{header.isPlaceholder ? null : (
<div
onClick={() =>
header.column.getCanSort() &&
header.column.toggleSorting(
header.column.getIsSorted() === 'asc'
? true
: false,
)
}
className={cn(
'flex items-center gap-2',
header.column.getCanSort()
@@ -380,6 +388,7 @@ export function DataTable<RecordData extends DataItem>({
: 'text-muted-foreground/50',
)}
/>
<ChevronDown
className={cn(
'-mt-1 h-3 w-3',

View File

@@ -35,18 +35,22 @@ function PageWithSidebar(props: PageProps) {
const { Navigation, Children, MobileNavigation } = getSlotsFromPage(props);
return (
<div className={cn('flex min-w-0 flex-1', props.className)}>
<div
className={cn('flex min-w-0 flex-1 overflow-x-hidden', props.className)}
>
{Navigation}
<div
className={
props.contentContainerClassName ??
'mx-auto flex h-screen w-full flex-col bg-inherit'
'mx-auto flex h-screen w-full min-w-0 flex-1 flex-col bg-inherit'
}
>
{MobileNavigation}
<div className={'bg-background flex flex-1 flex-col px-4 lg:px-0'}>
<div
className={'bg-background flex min-w-0 flex-1 flex-col px-4 lg:px-0'}
>
{Children}
</div>
</div>
@@ -109,13 +113,13 @@ export function PageBody(
className?: string;
}>,
) {
const className = cn('flex w-full flex-1 flex-col lg:px-4', props.className);
const className = cn('flex min-w-0 flex-1 flex-col lg:px-4', props.className);
return <div className={className}>{props.children}</div>;
}
export function PageNavigation(props: React.PropsWithChildren) {
return <div className={'flex-1 bg-inherit'}>{props.children}</div>;
return <div className={'bg-inherit'}>{props.children}</div>;
}
export function PageDescription(props: React.PropsWithChildren) {