From ccee347a01cfb8cb247f9deee38c5a98b8d03d36 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Sat, 27 Dec 2025 04:13:54 +0000 Subject: [PATCH] Add missing common molecules: form fields, search bars, nav items - Created PasswordField, EmailField, NumberField molecules - Created SearchBar molecule with clear and filter buttons - Created NavItem, NavLink, NavGroup navigation molecules - Added comprehensive tests for all new molecules - Updated index files to export new molecules - Updated README with new molecule documentation Co-authored-by: johndoe6345789 <224850594+johndoe6345789@users.noreply.github.com> --- frontends/nextjs/package-lock.json | 58 +- .../nextjs/src/components/molecules/README.md | 41 +- .../molecules/form/EmailField.test.tsx | 62 ++ .../components/molecules/form/EmailField.tsx | 83 ++ .../molecules/form/NumberField.test.tsx | 69 ++ .../components/molecules/form/NumberField.tsx | 85 ++ .../molecules/form/PasswordField.test.tsx | 63 ++ .../molecules/form/PasswordField.tsx | 94 +++ .../molecules/form/SearchBar.test.tsx | 88 +++ .../components/molecules/form/SearchBar.tsx | 120 +++ .../nextjs/src/components/molecules/index.ts | 20 + .../src/components/ui/molecules/index.ts | 3 + .../ui/molecules/navigation/NavGroup.test.tsx | 111 +++ .../ui/molecules/navigation/NavGroup.tsx | 93 +++ .../ui/molecules/navigation/NavItem.test.tsx | 68 ++ .../ui/molecules/navigation/NavItem.tsx | 135 ++++ .../ui/molecules/navigation/NavLink.test.tsx | 61 ++ .../ui/molecules/navigation/NavLink.tsx | 72 ++ package-lock.json | 727 +----------------- package.json | 4 +- 20 files changed, 1330 insertions(+), 727 deletions(-) create mode 100644 frontends/nextjs/src/components/molecules/form/EmailField.test.tsx create mode 100644 frontends/nextjs/src/components/molecules/form/EmailField.tsx create mode 100644 frontends/nextjs/src/components/molecules/form/NumberField.test.tsx create mode 100644 frontends/nextjs/src/components/molecules/form/NumberField.tsx create mode 100644 frontends/nextjs/src/components/molecules/form/PasswordField.test.tsx create mode 100644 frontends/nextjs/src/components/molecules/form/PasswordField.tsx create mode 100644 frontends/nextjs/src/components/molecules/form/SearchBar.test.tsx create mode 100644 frontends/nextjs/src/components/molecules/form/SearchBar.tsx create mode 100644 frontends/nextjs/src/components/ui/molecules/navigation/NavGroup.test.tsx create mode 100644 frontends/nextjs/src/components/ui/molecules/navigation/NavGroup.tsx create mode 100644 frontends/nextjs/src/components/ui/molecules/navigation/NavItem.test.tsx create mode 100644 frontends/nextjs/src/components/ui/molecules/navigation/NavItem.tsx create mode 100644 frontends/nextjs/src/components/ui/molecules/navigation/NavLink.test.tsx create mode 100644 frontends/nextjs/src/components/ui/molecules/navigation/NavLink.tsx diff --git a/frontends/nextjs/package-lock.json b/frontends/nextjs/package-lock.json index 6126008b3..0f23ad79f 100644 --- a/frontends/nextjs/package-lock.json +++ b/frontends/nextjs/package-lock.json @@ -327,7 +327,6 @@ "resolved": "https://registry.npmjs.org/@aws-sdk/client-s3/-/client-s3-3.958.0.tgz", "integrity": "sha512-ol8Sw37AToBWb6PjRuT/Wu40SrrZSA0N4F7U3yTkjUNX0lirfO1VFLZ0hZtZplVJv8GNPITbiczxQ8VjxESXxg==", "license": "Apache-2.0", - "peer": true, "dependencies": { "@aws-crypto/sha1-browser": "5.2.0", "@aws-crypto/sha256-browser": "5.2.0", @@ -1311,7 +1310,6 @@ } ], "license": "MIT", - "peer": true, "engines": { "node": ">=18" }, @@ -1355,7 +1353,6 @@ } ], "license": "MIT", - "peer": true, "engines": { "node": ">=18" } @@ -1428,7 +1425,6 @@ "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.14.0.tgz", "integrity": "sha512-O000MLDBDdk/EohJPFUqvnp4qnHeYkVP5B0xEG0D/L7cOKP9kefu2DXn8dj74cQfsEzUqh+sr1RzFqiL1o+PpA==", "license": "MIT", - "peer": true, "dependencies": { "@babel/runtime": "^7.18.3", "@emotion/babel-plugin": "^11.13.5", @@ -1472,7 +1468,6 @@ "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.14.1.tgz", "integrity": "sha512-qEEJt42DuToa3gurlH4Qqc1kVpNq8wO8cJtDzU46TjlzWjDlsVyevtYCRijVq3SrHsROS+gVQ8Fnea108GnKzw==", "license": "MIT", - "peer": true, "dependencies": { "@babel/runtime": "^7.18.3", "@emotion/babel-plugin": "^11.13.5", @@ -2734,7 +2729,6 @@ "resolved": "https://registry.npmjs.org/@mui/material/-/material-7.3.6.tgz", "integrity": "sha512-R4DaYF3dgCQCUAkr4wW1w26GHXcf5rCmBRHVBuuvJvaGLmZdD8EjatP80Nz5JCw0KxORAzwftnHzXVnjR8HnFw==", "license": "MIT", - "peer": true, "dependencies": { "@babel/runtime": "^7.28.4", "@mui/core-downloads-tracker": "^7.3.6", @@ -2845,7 +2839,6 @@ "resolved": "https://registry.npmjs.org/@mui/system/-/system-7.3.6.tgz", "integrity": "sha512-8fehAazkHNP1imMrdD2m2hbA9sl7Ur6jfuNweh5o4l9YPty4iaZzRXqYvBCWQNwFaSHmMEj2KPbyXGp7Bt73Rg==", "license": "MIT", - "peer": true, "dependencies": { "@babel/runtime": "^7.28.4", "@mui/private-theming": "^7.3.6", @@ -3334,7 +3327,6 @@ "resolved": "https://registry.npmjs.org/@octokit/core/-/core-7.0.6.tgz", "integrity": "sha512-DhGl4xMVFGVIyMwswXeyzdL4uXD5OGILGX5N8Y+f6W7LhC1Ze2poSNrkF/fedpVDHEEZ+PHFW0vL14I+mm8K3Q==", "license": "MIT", - "peer": true, "dependencies": { "@octokit/auth-token": "^6.0.0", "@octokit/graphql": "^9.0.3", @@ -3847,7 +3839,6 @@ "integrity": "sha512-6TyEnHgd6SArQO8UO2OMTxshln3QMWBtPGrOCgs3wVEmQmwyuNtB10IZMfmYDE0riwNR1cu4q+pPcxMVtaG3TA==", "devOptional": true, "license": "Apache-2.0", - "peer": true, "dependencies": { "playwright": "1.57.0" }, @@ -3945,6 +3936,20 @@ "url": "https://dotenvx.com" } }, + "node_modules/@prisma/config/node_modules/magicast": { + "version": "0.3.5", + "resolved": "https://registry.npmjs.org/magicast/-/magicast-0.3.5.tgz", + "integrity": "sha512-L0WhttDl+2BOsybvEOLK7fW3UA0OQ0IQ2d6Zl2x/a6vVRs3bAY0ECOSHHeL5jD+SbOpOCUEi0y1DgHEn9Qn1AQ==", + "dev": true, + "license": "MIT", + "optional": true, + "peer": true, + "dependencies": { + "@babel/parser": "^7.25.4", + "@babel/types": "^7.25.4", + "source-map-js": "^1.2.0" + } + }, "node_modules/@prisma/debug": { "version": "6.19.1", "resolved": "https://registry.npmjs.org/@prisma/debug/-/debug-6.19.1.tgz", @@ -5326,7 +5331,6 @@ "integrity": "sha512-o4PXJQidqJl82ckFaXUeoAW+XysPLauYI43Abki5hABd853iMhitooc6znOnczgbTYmEP6U6/y1ZyKAIsvMKGg==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@babel/code-frame": "^7.10.4", "@babel/runtime": "^7.12.5", @@ -5492,7 +5496,6 @@ "integrity": "sha512-W609buLVRVmeW693xKfzHeIV6nJGGz98uCPfeXI1ELMLXVeKYZ9m15fAMSaUPBHYLGFsVRcMmSCksQOrZV9BYA==", "devOptional": true, "license": "MIT", - "peer": true, "dependencies": { "undici-types": "~7.16.0" } @@ -5514,7 +5517,6 @@ "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.7.tgz", "integrity": "sha512-MWtvHrGZLFttgeEj28VXHxpmwYbor/ATPYbBfSFZEIRK0ecCFLl2Qo55z52Hss+UV9CRN7trSeq1zbgx7YDWWg==", "license": "MIT", - "peer": true, "dependencies": { "csstype": "^3.2.2" } @@ -5525,7 +5527,6 @@ "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==", "dev": true, "license": "MIT", - "peer": true, "peerDependencies": { "@types/react": "^19.2.0" } @@ -5544,7 +5545,8 @@ "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz", "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==", "license": "MIT", - "optional": true + "optional": true, + "peer": true }, "node_modules/@types/use-sync-external-store": { "version": "0.0.6", @@ -5597,7 +5599,6 @@ "integrity": "sha512-hM5faZwg7aVNa819m/5r7D0h0c9yC4DUlWAOvHAtISdFTc8xB86VmX5Xqabrama3wIPJ/q9RbGS1worb6JfnMg==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@typescript-eslint/scope-manager": "8.50.1", "@typescript-eslint/types": "8.50.1", @@ -6001,7 +6002,6 @@ "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==", "dev": true, "license": "MIT", - "peer": true, "bin": { "acorn": "bin/acorn" }, @@ -7097,7 +7097,6 @@ "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz", "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==", "license": "ISC", - "peer": true, "engines": { "node": ">=12" } @@ -7255,7 +7254,6 @@ "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-4.1.0.tgz", "integrity": "sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==", "license": "MIT", - "peer": true, "funding": { "type": "github", "url": "https://github.com/sponsors/kossnocorp" @@ -7444,6 +7442,7 @@ "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.2.7.tgz", "integrity": "sha512-WhL/YuveyGXJaerVlMYGWhvQswa7myDG17P7Vu65EWC05o8vfeNbvNf4d/BOvH99+ZW+LlQsc1GDKMa1vNK6dw==", "license": "(MPL-2.0 OR Apache-2.0)", + "peer": true, "optionalDependencies": { "@types/trusted-types": "^2.0.7" } @@ -7789,7 +7788,6 @@ "integrity": "sha512-LEyamqS7W5HB3ujJyvi0HQK/dtVINZvd5mAAp9eT5S/ujByGjiZLCzPcHVzuXbpJDJF/cxwHlfceVUDZ2lnSTw==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@eslint-community/eslint-utils": "^4.8.0", "@eslint-community/regexpp": "^4.12.1", @@ -8267,7 +8265,6 @@ "resolved": "https://registry.npmjs.org/fengari/-/fengari-0.1.4.tgz", "integrity": "sha512-6ujqUuiIYmcgkGz8MGAdERU57EIluGGPSUgGPTsco657EHa+srq0S3/YUl/r9kx1+D+d4rGfYObd+m8K22gB1g==", "license": "MIT", - "peer": true, "dependencies": { "readline-sync": "^1.4.9", "sprintf-js": "^1.1.1", @@ -9472,7 +9469,6 @@ "integrity": "sha512-GtldT42B8+jefDUC4yUKAvsaOrH7PDHmZxZXNgF2xMmymjUbRYJvpAybZAKEmXDGTM0mCsz8duOa4vTm5AY2Kg==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@acemir/cssom": "^0.9.28", "@asamuzakjp/dom-selector": "^6.7.6", @@ -9825,6 +9821,7 @@ "resolved": "https://registry.npmjs.org/monaco-editor/-/monaco-editor-0.55.1.tgz", "integrity": "sha512-jz4x+TJNFHwHtwuV9vA9rMujcZRb0CEilTEwG2rRSpe/A7Jdkuj8xPKttCgOh+v/lkHy7HsZ64oj+q3xoAFl9A==", "license": "MIT", + "peer": true, "dependencies": { "dompurify": "3.2.7", "marked": "14.0.0" @@ -9835,6 +9832,7 @@ "resolved": "https://registry.npmjs.org/marked/-/marked-14.0.0.tgz", "integrity": "sha512-uIj4+faQ+MgHgwUW1l2PsPglZLOLOT1uErt06dAPtx2kjteLAkbsd/0FiYg/MGS+i7ZKLb7w2WClxHkzOOuryQ==", "license": "MIT", + "peer": true, "bin": { "marked": "bin/marked.js" }, @@ -9902,7 +9900,6 @@ "resolved": "https://registry.npmjs.org/next/-/next-16.1.1.tgz", "integrity": "sha512-QI+T7xrxt1pF6SQ/JYFz95ro/mg/1Znk5vBebsWwbpejj1T0A23hO7GYEaVac9QUOT2BIMiuzm0L99ooq7k0/w==", "license": "MIT", - "peer": true, "dependencies": { "@next/env": "16.1.1", "@swc/helpers": "0.5.15", @@ -10541,7 +10538,6 @@ "devOptional": true, "hasInstallScript": true, "license": "Apache-2.0", - "peer": true, "dependencies": { "@prisma/config": "6.19.1", "@prisma/engines": "6.19.1" @@ -10679,7 +10675,6 @@ "resolved": "https://registry.npmjs.org/react/-/react-19.2.3.tgz", "integrity": "sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA==", "license": "MIT", - "peer": true, "engines": { "node": ">=0.10.0" } @@ -10689,7 +10684,6 @@ "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.3.tgz", "integrity": "sha512-yELu4WmLPw5Mr/lmeEpox5rw3RETacE++JgHqQzd2dg+YbJuat3jH4ingc+WPZhxaoFzdv9y33G+F7Nl5O0GBg==", "license": "MIT", - "peer": true, "dependencies": { "scheduler": "^0.27.0" }, @@ -10714,7 +10708,6 @@ "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.69.0.tgz", "integrity": "sha512-yt6ZGME9f4F6WHwevrvpAjh42HMvocuSnSIHUGycBqXIJdhqGSPQzTpGF+1NLREk/58IdPxEMfPcFCjlMhclGw==", "license": "MIT", - "peer": true, "engines": { "node": ">=18.0.0" }, @@ -10730,15 +10723,13 @@ "version": "19.2.3", "resolved": "https://registry.npmjs.org/react-is/-/react-is-19.2.3.tgz", "integrity": "sha512-qJNJfu81ByyabuG7hPFEbXqNcWSU3+eVus+KJs+0ncpGfMyYdvSmxiJxbWR65lYi1I+/0HBcliO029gc4F+PnA==", - "license": "MIT", - "peer": true + "license": "MIT" }, "node_modules/react-redux": { "version": "9.2.0", "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-9.2.0.tgz", "integrity": "sha512-ROY9fvHhwOD9ySfrF0wmvu//bKCQ6AeZZq1nJNtbDC+kk5DuSuNX/n6YWYF/SYy7bSba4D4FSz8DJeKY/S/r+g==", "license": "MIT", - "peer": true, "dependencies": { "@types/use-sync-external-store": "^0.0.6", "use-sync-external-store": "^1.4.0" @@ -10845,8 +10836,7 @@ "version": "5.0.1", "resolved": "https://registry.npmjs.org/redux/-/redux-5.0.1.tgz", "integrity": "sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==", - "license": "MIT", - "peer": true + "license": "MIT" }, "node_modules/redux-thunk": { "version": "3.1.0", @@ -11102,7 +11092,6 @@ "integrity": "sha512-uf6HoO8fy6ClsrShvMgaKUn14f2EHQLQRtpsZZLeU/Mv0Q1K5P0+x2uvH6Cub39TVVbWNSrraUhDAoFph6vh0A==", "devOptional": true, "license": "MIT", - "peer": true, "dependencies": { "chokidar": "^4.0.0", "immutable": "^5.0.2", @@ -11793,7 +11782,6 @@ "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz", "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==", "license": "MIT", - "peer": true, "engines": { "node": ">=12" }, @@ -12050,7 +12038,6 @@ "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==", "devOptional": true, "license": "Apache-2.0", - "peer": true, "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" @@ -12204,7 +12191,6 @@ "resolved": "https://registry.npmjs.org/vite/-/vite-7.3.0.tgz", "integrity": "sha512-dZwN5L1VlUBewiP6H9s2+B3e3Jg96D0vzN+Ry73sOefebhYr9f94wwkMNN/9ouoU8pV1BqA1d1zGk8928cx0rg==", "license": "MIT", - "peer": true, "dependencies": { "esbuild": "^0.27.0", "fdir": "^6.5.0", @@ -12310,7 +12296,6 @@ "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz", "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==", "license": "MIT", - "peer": true, "engines": { "node": ">=12" }, @@ -12352,7 +12337,6 @@ "integrity": "sha512-E4t7DJ9pESL6E3I8nFjPa4xGUd3PmiWDLsDztS2qXSJWfHtbQnwAWylaBvSNY48I3vr8PTqIZlyK8TE3V3CA4Q==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@vitest/expect": "4.0.16", "@vitest/mocker": "4.0.16", diff --git a/frontends/nextjs/src/components/molecules/README.md b/frontends/nextjs/src/components/molecules/README.md index 63cd03d7e..b3ff4d471 100644 --- a/frontends/nextjs/src/components/molecules/README.md +++ b/frontends/nextjs/src/components/molecules/README.md @@ -15,6 +15,10 @@ Molecules are simple groups of atoms that function together as a cohesive unit. | `DropdownMenu` | Context/action menu | Menu, MenuItem | | `FormField` | Label + input + error | Label, Input | | `SearchInput` | Input with search icon | TextField | +| `PasswordField` | Password input with visibility toggle | TextField, IconButton | +| `EmailField` | Email input with icon | TextField, InputAdornment | +| `NumberField` | Number input with constraints | TextField | +| `SearchBar` | Search input with clear and filter buttons | TextField, IconButton | | `Popover` | Floating content panel | MuiPopover | ### Application Molecules @@ -27,7 +31,11 @@ Molecules are simple groups of atoms that function together as a cohesive unit. ## Usage ```typescript -import { Card, CardHeader, CardContent, Dialog, Alert } from '@/components/molecules' +import { + Card, CardHeader, CardContent, + Dialog, Alert, + PasswordField, EmailField, NumberField, SearchBar +} from '@/components/molecules' function MyPage() { return ( @@ -44,6 +52,35 @@ function MyPage() { Modal content + + setPassword(e.target.value)} + /> + + setEmail(e.target.value)} + showIcon + /> + + setAge(e.target.value)} + /> + + setSearchQuery('')} + showFilterButton + onFilterClick={handleOpenFilters} + /> ) } @@ -72,4 +109,4 @@ function MyPage() { ``` -``` + diff --git a/frontends/nextjs/src/components/molecules/form/EmailField.test.tsx b/frontends/nextjs/src/components/molecules/form/EmailField.test.tsx new file mode 100644 index 000000000..7d948d2b6 --- /dev/null +++ b/frontends/nextjs/src/components/molecules/form/EmailField.test.tsx @@ -0,0 +1,62 @@ +import { render, screen, fireEvent } from '@testing-library/react' +import { describe, expect, it, vi } from 'vitest' +import { EmailField } from './EmailField' + +describe('EmailField', () => { + it.each([ + { label: 'Email', placeholder: 'you@example.com', showIcon: true }, + { label: 'Your Email', placeholder: 'Enter email', showIcon: false }, + { label: 'Work Email', placeholder: undefined, showIcon: true }, + ])('renders with label "$label", placeholder "$placeholder", showIcon $showIcon', ({ label, placeholder, showIcon }) => { + render() + + expect(screen.getByLabelText(label)).toBeTruthy() + if (placeholder) { + expect(screen.getByPlaceholderText(placeholder)).toBeTruthy() + } + }) + + it('renders with email icon by default', () => { + const { container } = render() + + // Icon is rendered via MUI Icon component + expect(container.querySelector('svg')).toBeTruthy() + }) + + it('does not render icon when showIcon is false', () => { + const { container } = render() + + // No icon should be present + expect(container.querySelector('svg')).toBeNull() + }) + + it.each([ + { error: 'Invalid email', helperText: undefined }, + { error: undefined, helperText: 'Enter a valid email address' }, + { error: 'Required field', helperText: 'Please provide your email' }, + ])('displays error "$error" or helperText "$helperText"', ({ error, helperText }) => { + render() + + const displayText = error || helperText + if (displayText) { + expect(screen.getByText(displayText)).toBeTruthy() + } + }) + + it('calls onChange when value changes', () => { + const handleChange = vi.fn() + render() + + const input = screen.getByLabelText('Email') + fireEvent.change(input, { target: { value: 'test@example.com' } }) + + expect(handleChange).toHaveBeenCalled() + }) + + it('has type="email" attribute', () => { + render() + + const input = screen.getByLabelText('Email') as HTMLInputElement + expect(input.type).toBe('email') + }) +}) diff --git a/frontends/nextjs/src/components/molecules/form/EmailField.tsx b/frontends/nextjs/src/components/molecules/form/EmailField.tsx new file mode 100644 index 000000000..cc4ee252f --- /dev/null +++ b/frontends/nextjs/src/components/molecules/form/EmailField.tsx @@ -0,0 +1,83 @@ +'use client' + +import { forwardRef } from 'react' +import { TextField } from '@mui/material' +import EmailIcon from '@mui/icons-material/Email' +import { InputAdornment } from '@mui/material' + +export interface EmailFieldProps { + label?: string + name?: string + value?: string + onChange?: (e: React.ChangeEvent) => void + error?: string + helperText?: string + required?: boolean + placeholder?: string + fullWidth?: boolean + disabled?: boolean + autoComplete?: string + showIcon?: boolean + className?: string +} + +const EmailField = forwardRef( + ( + { + label = 'Email', + name = 'email', + value, + onChange, + error, + helperText, + required = false, + placeholder = 'you@example.com', + fullWidth = true, + disabled = false, + autoComplete = 'email', + showIcon = true, + ...props + }, + ref + ) => { + return ( + + + + ), + } + : undefined, + }} + sx={{ + '& .MuiOutlinedInput-root': { + borderRadius: 1, + }, + }} + {...props} + /> + ) + } +) + +EmailField.displayName = 'EmailField' + +export { EmailField } diff --git a/frontends/nextjs/src/components/molecules/form/NumberField.test.tsx b/frontends/nextjs/src/components/molecules/form/NumberField.test.tsx new file mode 100644 index 000000000..82fc9d46c --- /dev/null +++ b/frontends/nextjs/src/components/molecules/form/NumberField.test.tsx @@ -0,0 +1,69 @@ +import { render, screen, fireEvent } from '@testing-library/react' +import { describe, expect, it, vi } from 'vitest' +import { NumberField } from './NumberField' + +describe('NumberField', () => { + it.each([ + { label: 'Number', value: undefined }, + { label: 'Age', value: 25 }, + { label: 'Quantity', value: 100 }, + ])('renders with label "$label" and value $value', ({ label, value }) => { + render() + + expect(screen.getByLabelText(label)).toBeTruthy() + if (value !== undefined) { + expect(screen.getByDisplayValue(value.toString())).toBeTruthy() + } + }) + + it.each([ + { min: 0, max: 100, step: 1 }, + { min: -10, max: 10, step: 0.5 }, + { min: undefined, max: undefined, step: undefined }, + ])('respects min $min, max $max, step $step constraints', ({ min, max, step }) => { + render() + + const input = screen.getByLabelText('Number') as HTMLInputElement + + if (min !== undefined) { + expect(input.min).toBe(min.toString()) + } + if (max !== undefined) { + expect(input.max).toBe(max.toString()) + } + if (step !== undefined) { + expect(input.step).toBe(step.toString()) + } else { + expect(input.step).toBe('1') + } + }) + + it('calls onChange when value changes', () => { + const handleChange = vi.fn() + render() + + const input = screen.getByLabelText('Number') + fireEvent.change(input, { target: { value: '42' } }) + + expect(handleChange).toHaveBeenCalled() + }) + + it.each([ + { error: 'Value too high', helperText: undefined }, + { error: undefined, helperText: 'Enter a number between 0 and 100' }, + ])('displays error "$error" or helperText "$helperText"', ({ error, helperText }) => { + render() + + const displayText = error || helperText + if (displayText) { + expect(screen.getByText(displayText)).toBeTruthy() + } + }) + + it('has type="number" attribute', () => { + render() + + const input = screen.getByLabelText('Number') as HTMLInputElement + expect(input.type).toBe('number') + }) +}) diff --git a/frontends/nextjs/src/components/molecules/form/NumberField.tsx b/frontends/nextjs/src/components/molecules/form/NumberField.tsx new file mode 100644 index 000000000..9683d4736 --- /dev/null +++ b/frontends/nextjs/src/components/molecules/form/NumberField.tsx @@ -0,0 +1,85 @@ +'use client' + +import { forwardRef } from 'react' +import { TextField } from '@mui/material' + +export interface NumberFieldProps { + label?: string + name?: string + value?: number | string + onChange?: (e: React.ChangeEvent) => void + error?: string + helperText?: string + required?: boolean + placeholder?: string + fullWidth?: boolean + disabled?: boolean + min?: number + max?: number + step?: number | string + className?: string +} + +const NumberField = forwardRef( + ( + { + label = 'Number', + name, + value, + onChange, + error, + helperText, + required = false, + placeholder, + fullWidth = true, + disabled = false, + min, + max, + step = 1, + ...props + }, + ref + ) => { + return ( + + ) + } +) + +NumberField.displayName = 'NumberField' + +export { NumberField } diff --git a/frontends/nextjs/src/components/molecules/form/PasswordField.test.tsx b/frontends/nextjs/src/components/molecules/form/PasswordField.test.tsx new file mode 100644 index 000000000..f581573bc --- /dev/null +++ b/frontends/nextjs/src/components/molecules/form/PasswordField.test.tsx @@ -0,0 +1,63 @@ +import { render, screen, fireEvent } from '@testing-library/react' +import { describe, expect, it, vi } from 'vitest' +import { PasswordField } from './PasswordField' + +describe('PasswordField', () => { + it.each([ + { label: 'Password', placeholder: undefined }, + { label: 'Enter Password', placeholder: 'Your password' }, + { label: 'Confirm Password', placeholder: 'Confirm your password' }, + ])('renders with label "$label" and placeholder "$placeholder"', ({ label, placeholder }) => { + render() + + expect(screen.getByLabelText(label)).toBeTruthy() + if (placeholder) { + expect(screen.getByPlaceholderText(placeholder)).toBeTruthy() + } + }) + + it('toggles password visibility when icon button is clicked', () => { + render() + + const input = screen.getByLabelText('Password') as HTMLInputElement + expect(input.type).toBe('password') + + const toggleButton = screen.getByLabelText('toggle password visibility') + fireEvent.click(toggleButton) + + expect(input.type).toBe('text') + + fireEvent.click(toggleButton) + expect(input.type).toBe('password') + }) + + it.each([ + { error: 'Password is required', helperText: undefined }, + { error: undefined, helperText: 'Must be at least 8 characters' }, + { error: 'Too short', helperText: 'Should be longer' }, + ])('displays error "$error" or helperText "$helperText"', ({ error, helperText }) => { + render() + + const displayText = error || helperText + if (displayText) { + expect(screen.getByText(displayText)).toBeTruthy() + } + }) + + it('calls onChange when value changes', () => { + const handleChange = vi.fn() + render() + + const input = screen.getByLabelText('Password') + fireEvent.change(input, { target: { value: 'newpassword' } }) + + expect(handleChange).toHaveBeenCalled() + }) + + it('disables toggle button when field is disabled', () => { + render() + + const toggleButton = screen.getByLabelText('toggle password visibility') + expect(toggleButton.hasAttribute('disabled')).toBe(true) + }) +}) diff --git a/frontends/nextjs/src/components/molecules/form/PasswordField.tsx b/frontends/nextjs/src/components/molecules/form/PasswordField.tsx new file mode 100644 index 000000000..9e1bdc1f1 --- /dev/null +++ b/frontends/nextjs/src/components/molecules/form/PasswordField.tsx @@ -0,0 +1,94 @@ +'use client' + +import { forwardRef, useState } from 'react' +import { Box, IconButton, InputAdornment, TextField } from '@mui/material' +import VisibilityIcon from '@mui/icons-material/Visibility' +import VisibilityOffIcon from '@mui/icons-material/VisibilityOff' + +export interface PasswordFieldProps { + label?: string + name?: string + value?: string + onChange?: (e: React.ChangeEvent) => void + error?: string + helperText?: string + required?: boolean + placeholder?: string + fullWidth?: boolean + disabled?: boolean + autoComplete?: string + className?: string +} + +const PasswordField = forwardRef( + ( + { + label = 'Password', + name = 'password', + value, + onChange, + error, + helperText, + required = false, + placeholder, + fullWidth = true, + disabled = false, + autoComplete = 'current-password', + ...props + }, + ref + ) => { + const [showPassword, setShowPassword] = useState(false) + + const togglePasswordVisibility = () => { + setShowPassword((prev) => !prev) + } + + return ( + + e.preventDefault()} + edge="end" + size="small" + disabled={disabled} + > + {showPassword ? : } + + + ), + }, + }} + sx={{ + '& .MuiOutlinedInput-root': { + borderRadius: 1, + }, + }} + {...props} + /> + ) + } +) + +PasswordField.displayName = 'PasswordField' + +export { PasswordField } diff --git a/frontends/nextjs/src/components/molecules/form/SearchBar.test.tsx b/frontends/nextjs/src/components/molecules/form/SearchBar.test.tsx new file mode 100644 index 000000000..c6beb9504 --- /dev/null +++ b/frontends/nextjs/src/components/molecules/form/SearchBar.test.tsx @@ -0,0 +1,88 @@ +import { render, screen, fireEvent } from '@testing-library/react' +import { describe, expect, it, vi } from 'vitest' +import { SearchBar } from './SearchBar' + +describe('SearchBar', () => { + it.each([ + { placeholder: 'Search...', value: '' }, + { placeholder: 'Find items...', value: 'test query' }, + { placeholder: 'Type to search', value: 'example' }, + ])('renders with placeholder "$placeholder" and value "$value"', ({ placeholder, value }) => { + render() + + expect(screen.getByPlaceholderText(placeholder)).toBeTruthy() + if (value) { + expect(screen.getByDisplayValue(value)).toBeTruthy() + } + }) + + it('shows search icon by default', () => { + const { container } = render() + + // Search icon is always present + expect(container.querySelector('svg')).toBeTruthy() + }) + + it.each([ + { showClearButton: true, value: 'test', shouldShowClear: true }, + { showClearButton: false, value: 'test', shouldShowClear: false }, + { showClearButton: true, value: '', shouldShowClear: false }, + ])('handles clear button with showClearButton=$showClearButton, value="$value"', + ({ showClearButton, value, shouldShowClear }) => { + render() + + const clearButton = screen.queryByLabelText('clear search') + if (shouldShowClear) { + expect(clearButton).toBeTruthy() + } else { + expect(clearButton).toBeNull() + } + } + ) + + it('calls onClear when clear button is clicked', () => { + const handleClear = vi.fn() + const handleChange = vi.fn() + render() + + const clearButton = screen.getByLabelText('clear search') + fireEvent.click(clearButton) + + expect(handleClear).toHaveBeenCalled() + expect(handleChange).toHaveBeenCalledWith('') + }) + + it.each([ + { showFilterButton: true }, + { showFilterButton: false }, + ])('renders filter button when showFilterButton=$showFilterButton', ({ showFilterButton }) => { + render() + + const filterButton = screen.queryByLabelText('open filters') + if (showFilterButton) { + expect(filterButton).toBeTruthy() + } else { + expect(filterButton).toBeNull() + } + }) + + it('calls onFilterClick when filter button is clicked', () => { + const handleFilterClick = vi.fn() + render() + + const filterButton = screen.getByLabelText('open filters') + fireEvent.click(filterButton) + + expect(handleFilterClick).toHaveBeenCalled() + }) + + it('calls onChange when input value changes', () => { + const handleChange = vi.fn() + render() + + const input = screen.getByPlaceholderText('Search...') + fireEvent.change(input, { target: { value: 'new search' } }) + + expect(handleChange).toHaveBeenCalledWith('new search') + }) +}) diff --git a/frontends/nextjs/src/components/molecules/form/SearchBar.tsx b/frontends/nextjs/src/components/molecules/form/SearchBar.tsx new file mode 100644 index 000000000..e34867c55 --- /dev/null +++ b/frontends/nextjs/src/components/molecules/form/SearchBar.tsx @@ -0,0 +1,120 @@ +'use client' + +import { forwardRef, ReactNode } from 'react' +import { Box, TextField, InputAdornment, IconButton } from '@mui/material' +import SearchIcon from '@mui/icons-material/Search' +import ClearIcon from '@mui/icons-material/Clear' +import FilterListIcon from '@mui/icons-material/FilterList' + +export interface SearchBarProps { + value?: string + onChange?: (value: string) => void + onClear?: () => void + onFilterClick?: () => void + placeholder?: string + fullWidth?: boolean + showFilterButton?: boolean + showClearButton?: boolean + disabled?: boolean + loading?: boolean + endAdornment?: ReactNode + className?: string +} + +const SearchBar = forwardRef( + ( + { + value = '', + onChange, + onClear, + onFilterClick, + placeholder = 'Search...', + fullWidth = true, + showFilterButton = false, + showClearButton = true, + disabled = false, + loading = false, + endAdornment, + ...props + }, + ref + ) => { + const handleChange = (e: React.ChangeEvent) => { + onChange?.(e.target.value) + } + + const handleClear = () => { + onChange?.('') + onClear?.() + } + + return ( + + + + ), + endAdornment: ( + + + {showClearButton && value && !disabled && ( + + + + )} + {showFilterButton && ( + + + + )} + {endAdornment} + + + ), + }, + }} + sx={{ + '& .MuiOutlinedInput-root': { + borderRadius: 2, + bgcolor: 'background.paper', + transition: 'box-shadow 0.2s', + '&:hover': { + boxShadow: 1, + }, + '&.Mui-focused': { + boxShadow: 2, + }, + }, + }} + {...props} + /> + ) + } +) + +SearchBar.displayName = 'SearchBar' + +export { SearchBar } diff --git a/frontends/nextjs/src/components/molecules/index.ts b/frontends/nextjs/src/components/molecules/index.ts index 705ca6b63..3d0e2faec 100644 --- a/frontends/nextjs/src/components/molecules/index.ts +++ b/frontends/nextjs/src/components/molecules/index.ts @@ -96,6 +96,26 @@ export { type TextAreaProps, } from './form/FormField' +export { + PasswordField, + type PasswordFieldProps, +} from './form/PasswordField' + +export { + EmailField, + type EmailFieldProps, +} from './form/EmailField' + +export { + NumberField, + type NumberFieldProps, +} from './form/NumberField' + +export { + SearchBar, + type SearchBarProps, +} from './form/SearchBar' + export { Popover, PopoverTrigger, diff --git a/frontends/nextjs/src/components/ui/molecules/index.ts b/frontends/nextjs/src/components/ui/molecules/index.ts index 38cb7f250..64b1d6336 100644 --- a/frontends/nextjs/src/components/ui/molecules/index.ts +++ b/frontends/nextjs/src/components/ui/molecules/index.ts @@ -59,3 +59,6 @@ export { BreadcrumbSeparator, BreadcrumbEllipsis, } from './navigation/Breadcrumb' +export { NavItem, type NavItemProps } from './navigation/NavItem' +export { NavLink, type NavLinkProps } from './navigation/NavLink' +export { NavGroup, type NavGroupProps } from './navigation/NavGroup' diff --git a/frontends/nextjs/src/components/ui/molecules/navigation/NavGroup.test.tsx b/frontends/nextjs/src/components/ui/molecules/navigation/NavGroup.test.tsx new file mode 100644 index 000000000..763075f92 --- /dev/null +++ b/frontends/nextjs/src/components/ui/molecules/navigation/NavGroup.test.tsx @@ -0,0 +1,111 @@ +import { render, screen, fireEvent } from '@testing-library/react' +import { describe, expect, it, vi } from 'vitest' +import { NavGroup } from './NavGroup' +import { NavItem } from './NavItem' +import FolderIcon from '@mui/icons-material/Folder' + +describe('NavGroup', () => { + it.each([ + { label: 'Navigation', defaultOpen: false }, + { label: 'Settings', defaultOpen: true }, + { label: 'Admin', defaultOpen: false }, + ])('renders with label "$label" and defaultOpen=$defaultOpen', ({ label, defaultOpen }) => { + render( + + + + ) + + expect(screen.getByText(label)).toBeTruthy() + + const childItem = screen.queryByText('Child Item') + if (defaultOpen) { + expect(childItem).toBeTruthy() + } + }) + + it('toggles collapse when clicked', () => { + render( + + + + ) + + const button = screen.getByRole('button', { name: /Menu/i }) + let childItem = screen.queryByText('Child Item') + + // Initially collapsed - item should not be visible + expect(childItem).toBeNull() + + // Click to expand + fireEvent.click(button) + childItem = screen.queryByText('Child Item') + expect(childItem).toBeTruthy() + + // Click to collapse + fireEvent.click(button) + // After collapsing, wait for animation and check + setTimeout(() => { + childItem = screen.queryByText('Child Item') + expect(childItem).toBeNull() + }, 500) + }) + + it('renders with icon', () => { + const { container } = render( + }> + + + ) + + expect(screen.getByTestId('folder-icon')).toBeTruthy() + }) + + it.each([ + { disabled: true }, + { disabled: false }, + ])('handles disabled=$disabled state', ({ disabled }) => { + render( + + + + ) + + const button = screen.getByRole('button', { name: /Menu/i }) + + if (disabled) { + expect(button.getAttribute('aria-disabled')).toBe('true') + fireEvent.click(button) + // Should not expand when disabled + expect(screen.queryByText('Child')).toBeNull() + } else { + expect(button.getAttribute('aria-disabled')).toBe(null) + } + }) + + it('renders divider when divider=true', () => { + const { container } = render( + + + + ) + + // Check for MUI Divider component + const divider = container.querySelector('hr') + expect(divider).toBeTruthy() + }) + + it('renders multiple children', () => { + render( + + + + + + ) + + expect(screen.getByText('Child 1')).toBeTruthy() + expect(screen.getByText('Child 2')).toBeTruthy() + expect(screen.getByText('Child 3')).toBeTruthy() + }) +}) diff --git a/frontends/nextjs/src/components/ui/molecules/navigation/NavGroup.tsx b/frontends/nextjs/src/components/ui/molecules/navigation/NavGroup.tsx new file mode 100644 index 000000000..bc38d6cfc --- /dev/null +++ b/frontends/nextjs/src/components/ui/molecules/navigation/NavGroup.tsx @@ -0,0 +1,93 @@ +'use client' + +import { forwardRef, ReactNode, useState } from 'react' +import { + List, + ListItem, + ListItemButton, + ListItemIcon, + ListItemText, + Collapse, + Box, + Divider, +} from '@mui/material' +import ExpandLessIcon from '@mui/icons-material/ExpandLess' +import ExpandMoreIcon from '@mui/icons-material/ExpandMore' + +export interface NavGroupProps { + label: string + icon?: ReactNode + children: ReactNode + defaultOpen?: boolean + disabled?: boolean + divider?: boolean + className?: string +} + +const NavGroup = forwardRef( + ( + { label, icon, children, defaultOpen = false, disabled = false, divider = false, ...props }, + ref + ) => { + const [open, setOpen] = useState(defaultOpen) + + const handleToggle = () => { + if (!disabled) { + setOpen((prev) => !prev) + } + } + + return ( + + {divider && } + + + {icon && ( + + {icon} + + )} + + {open ? ( + + ) : ( + + )} + + + + + {children} + + + + ) + } +) + +NavGroup.displayName = 'NavGroup' + +export { NavGroup } diff --git a/frontends/nextjs/src/components/ui/molecules/navigation/NavItem.test.tsx b/frontends/nextjs/src/components/ui/molecules/navigation/NavItem.test.tsx new file mode 100644 index 000000000..58418bb75 --- /dev/null +++ b/frontends/nextjs/src/components/ui/molecules/navigation/NavItem.test.tsx @@ -0,0 +1,68 @@ +import { render, screen, fireEvent } from '@testing-library/react' +import { describe, expect, it, vi } from 'vitest' +import { NavItem } from './NavItem' +import HomeIcon from '@mui/icons-material/Home' + +describe('NavItem', () => { + it.each([ + { label: 'Home', icon: , active: false }, + { label: 'Dashboard', icon: , active: true }, + { label: 'Settings', icon: undefined, active: false }, + ])('renders with label "$label", icon presence, active=$active', ({ label, icon, active }) => { + render() + + expect(screen.getByText(label)).toBeTruthy() + + const button = screen.getByRole('button') + if (active) { + expect(button.classList.contains('Mui-selected')).toBe(true) + } + }) + + it.each([ + { badge: 5, badgeColor: 'primary' as const }, + { badge: '99+', badgeColor: 'error' as const }, + { badge: undefined, badgeColor: 'default' as const }, + ])('displays badge=$badge with badgeColor=$badgeColor', ({ badge, badgeColor }) => { + render(} badge={badge} badgeColor={badgeColor} />) + + if (badge !== undefined) { + expect(screen.getByText(badge.toString())).toBeTruthy() + } + }) + + it('calls onClick when clicked', () => { + const handleClick = vi.fn() + render() + + const button = screen.getByRole('button') + fireEvent.click(button) + + expect(handleClick).toHaveBeenCalled() + }) + + it.each([ + { disabled: true, shouldBeDisabled: true }, + { disabled: false, shouldBeDisabled: false }, + ])('handles disabled=$disabled state', ({ disabled, shouldBeDisabled }) => { + render() + + const button = screen.getByRole('button') + expect(button.getAttribute('aria-disabled')).toBe(shouldBeDisabled ? 'true' : null) + }) + + it('renders with secondary label', () => { + render() + + expect(screen.getByText('Home')).toBeTruthy() + expect(screen.getByText('Main page')).toBeTruthy() + }) + + it('renders with href for navigation', () => { + render() + + // When href is provided, MUI renders it as a link, not a button + const link = screen.getByRole('link') + expect(link.getAttribute('href')).toBe('/home') + }) +}) diff --git a/frontends/nextjs/src/components/ui/molecules/navigation/NavItem.tsx b/frontends/nextjs/src/components/ui/molecules/navigation/NavItem.tsx new file mode 100644 index 000000000..cb612564b --- /dev/null +++ b/frontends/nextjs/src/components/ui/molecules/navigation/NavItem.tsx @@ -0,0 +1,135 @@ +'use client' + +import { forwardRef, ReactNode } from 'react' +import { + ListItem, + ListItemButton, + ListItemIcon, + ListItemText, + Badge, + Box, +} from '@mui/material' + +export interface NavItemProps { + icon?: ReactNode + label: string + onClick?: () => void + active?: boolean + disabled?: boolean + badge?: number | string + badgeColor?: 'default' | 'primary' | 'secondary' | 'error' | 'warning' | 'info' | 'success' + href?: string + secondaryLabel?: string + dense?: boolean + className?: string +} + +const NavItem = forwardRef( + ( + { + icon, + label, + onClick, + active = false, + disabled = false, + badge, + badgeColor = 'primary', + href, + secondaryLabel, + dense = false, + ...props + }, + ref + ) => { + return ( + + + {icon && ( + + {badge !== undefined ? ( + + {icon} + + ) : ( + icon + )} + + )} + + {badge !== undefined && !icon && ( + + + + )} + + + ) + } +) + +NavItem.displayName = 'NavItem' + +export { NavItem } diff --git a/frontends/nextjs/src/components/ui/molecules/navigation/NavLink.test.tsx b/frontends/nextjs/src/components/ui/molecules/navigation/NavLink.test.tsx new file mode 100644 index 000000000..d66d37391 --- /dev/null +++ b/frontends/nextjs/src/components/ui/molecules/navigation/NavLink.test.tsx @@ -0,0 +1,61 @@ +import { render, screen, fireEvent } from '@testing-library/react' +import { describe, expect, it, vi } from 'vitest' +import { NavLink } from './NavLink' +import HomeIcon from '@mui/icons-material/Home' + +describe('NavLink', () => { + it.each([ + { href: '/home', children: 'Home', active: false }, + { href: '/dashboard', children: 'Dashboard', active: true }, + { href: '/settings', children: 'Settings', active: false }, + ])('renders with href="$href", children="$children", active=$active', ({ href, children, active }) => { + render({children}) + + const link = screen.getByText(children) + expect(link).toBeTruthy() + + const linkElement = link.closest('a') + expect(linkElement?.getAttribute('href')).toBe(href) + }) + + it('renders with icon', () => { + const { container } = render( + }> + Home + + ) + + expect(screen.getByTestId('home-icon')).toBeTruthy() + }) + + it.each([ + { disabled: true, href: '/home' }, + { disabled: false, href: '/dashboard' }, + ])('handles disabled=$disabled state', ({ disabled, href }) => { + render(Link) + + const link = screen.getByText('Link').closest('a') + + if (disabled) { + expect(link?.hasAttribute('href')).toBe(false) + } else { + expect(link?.getAttribute('href')).toBe(href) + } + }) + + it('applies active styling when active=true', () => { + render(Home) + + const link = screen.getByText('Home').closest('a') + // Check for active styling - MUI applies specific classes + expect(link).toBeTruthy() + }) + + it('does not have underline by default', () => { + render(Home) + + const link = screen.getByText('Home').closest('a') + // MUI Link with underline="none" doesn't add text-decoration + expect(link).toBeTruthy() + }) +}) diff --git a/frontends/nextjs/src/components/ui/molecules/navigation/NavLink.tsx b/frontends/nextjs/src/components/ui/molecules/navigation/NavLink.tsx new file mode 100644 index 000000000..03e314037 --- /dev/null +++ b/frontends/nextjs/src/components/ui/molecules/navigation/NavLink.tsx @@ -0,0 +1,72 @@ +'use client' + +import { forwardRef, ReactNode } from 'react' +import { Link as MuiLink, LinkProps as MuiLinkProps, Box } from '@mui/material' + +export interface NavLinkProps extends Omit { + href: string + active?: boolean + disabled?: boolean + children: ReactNode + icon?: ReactNode + className?: string +} + +const NavLink = forwardRef( + ({ href, active = false, disabled = false, children, icon, sx, ...props }, ref) => { + return ( + + {icon && ( + + {icon} + + )} + {children} + + ) + } +) + +NavLink.displayName = 'NavLink' + +export { NavLink } diff --git a/package-lock.json b/package-lock.json index 982203606..5c1ef1cfe 100644 --- a/package-lock.json +++ b/package-lock.json @@ -5,122 +5,25 @@ "packages": { "": { "dependencies": { - "@prisma/client": "^7.2.0", + "@prisma/client": "^6.19.1", "jszip": "^3.10.1" }, "devDependencies": { - "prisma": "^7.2.0" - } - }, - "node_modules/@chevrotain/cst-dts-gen": { - "version": "10.5.0", - "resolved": "https://registry.npmjs.org/@chevrotain/cst-dts-gen/-/cst-dts-gen-10.5.0.tgz", - "integrity": "sha512-lhmC/FyqQ2o7pGK4Om+hzuDrm9rhFYIJ/AXoQBeongmn870Xeb0L6oGEiuR8nohFNL5sMaQEJWCxr1oIVIVXrw==", - "devOptional": true, - "license": "Apache-2.0", - "dependencies": { - "@chevrotain/gast": "10.5.0", - "@chevrotain/types": "10.5.0", - "lodash": "4.17.21" - } - }, - "node_modules/@chevrotain/gast": { - "version": "10.5.0", - "resolved": "https://registry.npmjs.org/@chevrotain/gast/-/gast-10.5.0.tgz", - "integrity": "sha512-pXdMJ9XeDAbgOWKuD1Fldz4ieCs6+nLNmyVhe2gZVqoO7v8HXuHYs5OV2EzUtbuai37TlOAQHrTDvxMnvMJz3A==", - "devOptional": true, - "license": "Apache-2.0", - "dependencies": { - "@chevrotain/types": "10.5.0", - "lodash": "4.17.21" - } - }, - "node_modules/@chevrotain/types": { - "version": "10.5.0", - "resolved": "https://registry.npmjs.org/@chevrotain/types/-/types-10.5.0.tgz", - "integrity": "sha512-f1MAia0x/pAVPWH/T73BJVyO2XU5tI4/iE7cnxb7tqdNTNhQI3Uq3XkqcoteTmD4t1aM0LbHCJOhgIDn07kl2A==", - "devOptional": true, - "license": "Apache-2.0" - }, - "node_modules/@chevrotain/utils": { - "version": "10.5.0", - "resolved": "https://registry.npmjs.org/@chevrotain/utils/-/utils-10.5.0.tgz", - "integrity": "sha512-hBzuU5+JjB2cqNZyszkDHZgOSrUUT8V3dhgRl8Q9Gp6dAj/H5+KILGjbhDpc3Iy9qmqlm/akuOI2ut9VUtzJxQ==", - "devOptional": true, - "license": "Apache-2.0" - }, - "node_modules/@electric-sql/pglite": { - "version": "0.3.2", - "resolved": "https://registry.npmjs.org/@electric-sql/pglite/-/pglite-0.3.2.tgz", - "integrity": "sha512-zfWWa+V2ViDCY/cmUfRqeWY1yLto+EpxjXnZzenB1TyxsTiXaTWeZFIZw6mac52BsuQm0RjCnisjBtdBaXOI6w==", - "devOptional": true, - "license": "Apache-2.0", - "peer": true - }, - "node_modules/@electric-sql/pglite-socket": { - "version": "0.0.6", - "resolved": "https://registry.npmjs.org/@electric-sql/pglite-socket/-/pglite-socket-0.0.6.tgz", - "integrity": "sha512-6RjmgzphIHIBA4NrMGJsjNWK4pu+bCWJlEWlwcxFTVY3WT86dFpKwbZaGWZV6C5Rd7sCk1Z0CI76QEfukLAUXw==", - "devOptional": true, - "license": "Apache-2.0", - "bin": { - "pglite-server": "dist/scripts/server.js" - }, - "peerDependencies": { - "@electric-sql/pglite": "0.3.2" - } - }, - "node_modules/@electric-sql/pglite-tools": { - "version": "0.2.7", - "resolved": "https://registry.npmjs.org/@electric-sql/pglite-tools/-/pglite-tools-0.2.7.tgz", - "integrity": "sha512-9dAccClqxx4cZB+Ar9B+FZ5WgxDc/Xvl9DPrTWv+dYTf0YNubLzi4wHHRGRGhrJv15XwnyKcGOZAP1VXSneSUg==", - "devOptional": true, - "license": "Apache-2.0", - "peerDependencies": { - "@electric-sql/pglite": "0.3.2" - } - }, - "node_modules/@hono/node-server": { - "version": "1.19.6", - "resolved": "https://registry.npmjs.org/@hono/node-server/-/node-server-1.19.6.tgz", - "integrity": "sha512-Shz/KjlIeAhfiuE93NDKVdZ7HdBVLQAfdbaXEaoAVO3ic9ibRSLGIQGkcBbFyuLr+7/1D5ZCINM8B+6IvXeMtw==", - "devOptional": true, - "license": "MIT", - "engines": { - "node": ">=18.14.1" - }, - "peerDependencies": { - "hono": "^4" - } - }, - "node_modules/@mrleebo/prisma-ast": { - "version": "0.12.1", - "resolved": "https://registry.npmjs.org/@mrleebo/prisma-ast/-/prisma-ast-0.12.1.tgz", - "integrity": "sha512-JwqeCQ1U3fvccttHZq7Tk0m/TMC6WcFAQZdukypW3AzlJYKYTGNVd1ANU2GuhKnv4UQuOFj3oAl0LLG/gxFN1w==", - "devOptional": true, - "license": "MIT", - "dependencies": { - "chevrotain": "^10.5.0", - "lilconfig": "^2.1.0" - }, - "engines": { - "node": ">=16" + "prisma": "^6.19.1" } }, "node_modules/@prisma/client": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/@prisma/client/-/client-7.2.0.tgz", - "integrity": "sha512-JdLF8lWZ+LjKGKpBqyAlenxd/kXjd1Abf/xK+6vUA7R7L2Suo6AFTHFRpPSdAKCan9wzdFApsUpSa/F6+t1AtA==", + "version": "6.19.1", + "resolved": "https://registry.npmjs.org/@prisma/client/-/client-6.19.1.tgz", + "integrity": "sha512-4SXj4Oo6HyQkLUWT8Ke5R0PTAfVOKip5Roo+6+b2EDTkFg5be0FnBWiuRJc0BC0sRQIWGMLKW1XguhVfW/z3/A==", + "hasInstallScript": true, "license": "Apache-2.0", - "dependencies": { - "@prisma/client-runtime-utils": "7.2.0" - }, "engines": { - "node": "^20.19 || ^22.12 || >=24.0" + "node": ">=18.18" }, "peerDependencies": { "prisma": "*", - "typescript": ">=5.4.0" + "typescript": ">=5.1.0" }, "peerDependenciesMeta": { "prisma": { @@ -131,16 +34,10 @@ } } }, - "node_modules/@prisma/client-runtime-utils": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/@prisma/client-runtime-utils/-/client-runtime-utils-7.2.0.tgz", - "integrity": "sha512-dn7oB53v0tqkB0wBdMuTNFNPdEbfICEUe82Tn9FoKAhJCUkDH+fmyEp0ClciGh+9Hp2Tuu2K52kth2MTLstvmA==", - "license": "Apache-2.0" - }, "node_modules/@prisma/config": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/@prisma/config/-/config-7.2.0.tgz", - "integrity": "sha512-qmvSnfQ6l/srBW1S7RZGfjTQhc44Yl3ldvU6y3pgmuLM+83SBDs6UQVgMtQuMRe9J3gGqB0RF8wER6RlXEr6jQ==", + "version": "6.19.1", + "resolved": "https://registry.npmjs.org/@prisma/config/-/config-6.19.1.tgz", + "integrity": "sha512-bUL/aYkGXLwxVGhJmQMtslLT7KPEfUqmRa919fKI4wQFX4bIFUKiY8Jmio/2waAjjPYrtuDHa7EsNCnJTXxiOw==", "devOptional": true, "license": "Apache-2.0", "dependencies": { @@ -151,125 +48,53 @@ } }, "node_modules/@prisma/debug": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/@prisma/debug/-/debug-7.2.0.tgz", - "integrity": "sha512-YSGTiSlBAVJPzX4ONZmMotL+ozJwQjRmZweQNIq/ER0tQJKJynNkRB3kyvt37eOfsbMCXk3gnLF6J9OJ4QWftw==", + "version": "6.19.1", + "resolved": "https://registry.npmjs.org/@prisma/debug/-/debug-6.19.1.tgz", + "integrity": "sha512-h1JImhlAd/s5nhY/e9qkAzausWldbeT+e4nZF7A4zjDYBF4BZmKDt4y0jK7EZapqOm1kW7V0e9agV/iFDy3fWw==", "devOptional": true, "license": "Apache-2.0" }, - "node_modules/@prisma/dev": { - "version": "0.17.0", - "resolved": "https://registry.npmjs.org/@prisma/dev/-/dev-0.17.0.tgz", - "integrity": "sha512-6sGebe5jxX+FEsQTpjHLzvOGPn6ypFQprcs3jcuIWv1Xp/5v6P/rjfdvAwTkP2iF6pDx2tCd8vGLNWcsWzImTA==", - "devOptional": true, - "license": "ISC", - "dependencies": { - "@electric-sql/pglite": "0.3.2", - "@electric-sql/pglite-socket": "0.0.6", - "@electric-sql/pglite-tools": "0.2.7", - "@hono/node-server": "1.19.6", - "@mrleebo/prisma-ast": "0.12.1", - "@prisma/get-platform": "6.8.2", - "@prisma/query-plan-executor": "6.18.0", - "foreground-child": "3.3.1", - "get-port-please": "3.1.2", - "hono": "4.10.6", - "http-status-codes": "2.3.0", - "pathe": "2.0.3", - "proper-lockfile": "4.1.2", - "remeda": "2.21.3", - "std-env": "3.9.0", - "valibot": "1.2.0", - "zeptomatch": "2.0.2" - } - }, "node_modules/@prisma/engines": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/@prisma/engines/-/engines-7.2.0.tgz", - "integrity": "sha512-HUeOI/SvCDsHrR9QZn24cxxZcujOjcS3w1oW/XVhnSATAli5SRMOfp/WkG3TtT5rCxDA4xOnlJkW7xkho4nURA==", + "version": "6.19.1", + "resolved": "https://registry.npmjs.org/@prisma/engines/-/engines-6.19.1.tgz", + "integrity": "sha512-xy95dNJ7DiPf9IJ3oaVfX785nbFl7oNDzclUF+DIiJw6WdWCvPl0LPU0YqQLsrwv8N64uOQkH391ujo3wSo+Nw==", "devOptional": true, "hasInstallScript": true, "license": "Apache-2.0", "dependencies": { - "@prisma/debug": "7.2.0", - "@prisma/engines-version": "7.2.0-4.0c8ef2ce45c83248ab3df073180d5eda9e8be7a3", - "@prisma/fetch-engine": "7.2.0", - "@prisma/get-platform": "7.2.0" + "@prisma/debug": "6.19.1", + "@prisma/engines-version": "7.1.1-3.c2990dca591cba766e3b7ef5d9e8a84796e47ab7", + "@prisma/fetch-engine": "6.19.1", + "@prisma/get-platform": "6.19.1" } }, "node_modules/@prisma/engines-version": { - "version": "7.2.0-4.0c8ef2ce45c83248ab3df073180d5eda9e8be7a3", - "resolved": "https://registry.npmjs.org/@prisma/engines-version/-/engines-version-7.2.0-4.0c8ef2ce45c83248ab3df073180d5eda9e8be7a3.tgz", - "integrity": "sha512-KezsjCZDsbjNR7SzIiVlUsn9PnLePI7r5uxABlwL+xoerurZTfgQVbIjvjF2sVr3Uc0ZcsnREw3F84HvbggGdA==", + "version": "7.1.1-3.c2990dca591cba766e3b7ef5d9e8a84796e47ab7", + "resolved": "https://registry.npmjs.org/@prisma/engines-version/-/engines-version-7.1.1-3.c2990dca591cba766e3b7ef5d9e8a84796e47ab7.tgz", + "integrity": "sha512-03bgb1VD5gvuumNf+7fVGBzfpJPjmqV423l/WxsWk2cNQ42JD0/SsFBPhN6z8iAvdHs07/7ei77SKu7aZfq8bA==", "devOptional": true, "license": "Apache-2.0" }, - "node_modules/@prisma/engines/node_modules/@prisma/get-platform": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/@prisma/get-platform/-/get-platform-7.2.0.tgz", - "integrity": "sha512-k1V0l0Td1732EHpAfi2eySTezyllok9dXb6UQanajkJQzPUGi3vO2z7jdkz67SypFTdmbnyGYxvEvYZdZsMAVA==", - "devOptional": true, - "license": "Apache-2.0", - "dependencies": { - "@prisma/debug": "7.2.0" - } - }, "node_modules/@prisma/fetch-engine": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/@prisma/fetch-engine/-/fetch-engine-7.2.0.tgz", - "integrity": "sha512-Z5XZztJ8Ap+wovpjPD2lQKnB8nWFGNouCrglaNFjxIWAGWz0oeHXwUJRiclIoSSXN/ptcs9/behptSk8d0Yy6w==", + "version": "6.19.1", + "resolved": "https://registry.npmjs.org/@prisma/fetch-engine/-/fetch-engine-6.19.1.tgz", + "integrity": "sha512-mmgcotdaq4VtAHO6keov3db+hqlBzQS6X7tR7dFCbvXjLVTxBYdSJFRWz+dq7F9p6dvWyy1X0v8BlfRixyQK6g==", "devOptional": true, "license": "Apache-2.0", "dependencies": { - "@prisma/debug": "7.2.0", - "@prisma/engines-version": "7.2.0-4.0c8ef2ce45c83248ab3df073180d5eda9e8be7a3", - "@prisma/get-platform": "7.2.0" - } - }, - "node_modules/@prisma/fetch-engine/node_modules/@prisma/get-platform": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/@prisma/get-platform/-/get-platform-7.2.0.tgz", - "integrity": "sha512-k1V0l0Td1732EHpAfi2eySTezyllok9dXb6UQanajkJQzPUGi3vO2z7jdkz67SypFTdmbnyGYxvEvYZdZsMAVA==", - "devOptional": true, - "license": "Apache-2.0", - "dependencies": { - "@prisma/debug": "7.2.0" + "@prisma/debug": "6.19.1", + "@prisma/engines-version": "7.1.1-3.c2990dca591cba766e3b7ef5d9e8a84796e47ab7", + "@prisma/get-platform": "6.19.1" } }, "node_modules/@prisma/get-platform": { - "version": "6.8.2", - "resolved": "https://registry.npmjs.org/@prisma/get-platform/-/get-platform-6.8.2.tgz", - "integrity": "sha512-vXSxyUgX3vm1Q70QwzwkjeYfRryIvKno1SXbIqwSptKwqKzskINnDUcx85oX+ys6ooN2ATGSD0xN2UTfg6Zcow==", + "version": "6.19.1", + "resolved": "https://registry.npmjs.org/@prisma/get-platform/-/get-platform-6.19.1.tgz", + "integrity": "sha512-zsg44QUiQAnFUyh6Fbt7c9HjMXHwFTqtrgcX7DAZmRgnkPyYT7Sh8Mn8D5PuuDYNtMOYcpLGg576MLfIORsBYw==", "devOptional": true, "license": "Apache-2.0", "dependencies": { - "@prisma/debug": "6.8.2" - } - }, - "node_modules/@prisma/get-platform/node_modules/@prisma/debug": { - "version": "6.8.2", - "resolved": "https://registry.npmjs.org/@prisma/debug/-/debug-6.8.2.tgz", - "integrity": "sha512-4muBSSUwJJ9BYth5N8tqts8JtiLT8QI/RSAzEogwEfpbYGFo9mYsInsVo8dqXdPO2+Rm5OG5q0qWDDE3nyUbVg==", - "devOptional": true, - "license": "Apache-2.0" - }, - "node_modules/@prisma/query-plan-executor": { - "version": "6.18.0", - "resolved": "https://registry.npmjs.org/@prisma/query-plan-executor/-/query-plan-executor-6.18.0.tgz", - "integrity": "sha512-jZ8cfzFgL0jReE1R10gT8JLHtQxjWYLiQ//wHmVYZ2rVkFHoh0DT8IXsxcKcFlfKN7ak7k6j0XMNn2xVNyr5cA==", - "devOptional": true, - "license": "Apache-2.0" - }, - "node_modules/@prisma/studio-core": { - "version": "0.9.0", - "resolved": "https://registry.npmjs.org/@prisma/studio-core/-/studio-core-0.9.0.tgz", - "integrity": "sha512-xA2zoR/ADu/NCSQuriBKTh6Ps4XjU0bErkEcgMfnSGh346K1VI7iWKnoq1l2DoxUqiddPHIEWwtxJ6xCHG6W7g==", - "devOptional": true, - "license": "Apache-2.0", - "peerDependencies": { - "@types/react": "^18.0.0 || ^19.0.0", - "react": "^18.0.0 || ^19.0.0", - "react-dom": "^18.0.0 || ^19.0.0" + "@prisma/debug": "6.19.1" } }, "node_modules/@standard-schema/spec": { @@ -279,27 +104,6 @@ "devOptional": true, "license": "MIT" }, - "node_modules/@types/react": { - "version": "19.2.7", - "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.7.tgz", - "integrity": "sha512-MWtvHrGZLFttgeEj28VXHxpmwYbor/ATPYbBfSFZEIRK0ecCFLl2Qo55z52Hss+UV9CRN7trSeq1zbgx7YDWWg==", - "devOptional": true, - "license": "MIT", - "peer": true, - "dependencies": { - "csstype": "^3.2.2" - } - }, - "node_modules/aws-ssl-profiles": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/aws-ssl-profiles/-/aws-ssl-profiles-1.1.2.tgz", - "integrity": "sha512-NZKeq9AfyQvEeNlN0zSYAaWrmBffJh3IELMZfRpJVWgrpEbtEpnjvzqBPf+mxoI287JohRDoa+/nsfqqiZmF6g==", - "devOptional": true, - "license": "MIT", - "engines": { - "node": ">= 6.0.0" - } - }, "node_modules/c12": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/c12/-/c12-3.1.0.tgz", @@ -329,21 +133,6 @@ } } }, - "node_modules/chevrotain": { - "version": "10.5.0", - "resolved": "https://registry.npmjs.org/chevrotain/-/chevrotain-10.5.0.tgz", - "integrity": "sha512-Pkv5rBY3+CsHOYfV5g/Vs5JY9WTHHDEKOlohI2XeygaZhUeqhAlldZ8Hz9cRmxu709bvS08YzxHdTPHhffc13A==", - "devOptional": true, - "license": "Apache-2.0", - "dependencies": { - "@chevrotain/cst-dts-gen": "10.5.0", - "@chevrotain/gast": "10.5.0", - "@chevrotain/types": "10.5.0", - "@chevrotain/utils": "10.5.0", - "lodash": "4.17.21", - "regexp-to-ast": "0.5.0" - } - }, "node_modules/chokidar": { "version": "4.0.3", "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz", @@ -393,28 +182,6 @@ "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==", "license": "MIT" }, - "node_modules/cross-spawn": { - "version": "7.0.6", - "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz", - "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==", - "devOptional": true, - "license": "MIT", - "dependencies": { - "path-key": "^3.1.0", - "shebang-command": "^2.0.0", - "which": "^2.0.1" - }, - "engines": { - "node": ">= 8" - } - }, - "node_modules/csstype": { - "version": "3.2.3", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz", - "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==", - "devOptional": true, - "license": "MIT" - }, "node_modules/deepmerge-ts": { "version": "7.1.5", "resolved": "https://registry.npmjs.org/deepmerge-ts/-/deepmerge-ts-7.1.5.tgz", @@ -432,16 +199,6 @@ "devOptional": true, "license": "MIT" }, - "node_modules/denque": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/denque/-/denque-2.1.0.tgz", - "integrity": "sha512-HVQE3AAb/pxF8fQAoiqpvg9i3evqug3hoiwakOyZAwJm+6vZehbkYXZ0l4JxS+I3QxM97v5aaRNhj8v5oBhekw==", - "devOptional": true, - "license": "Apache-2.0", - "engines": { - "node": ">=0.10" - } - }, "node_modules/destr": { "version": "2.0.5", "resolved": "https://registry.npmjs.org/destr/-/destr-2.0.5.tgz", @@ -513,40 +270,6 @@ "node": ">=8.0.0" } }, - "node_modules/foreground-child": { - "version": "3.3.1", - "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz", - "integrity": "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==", - "devOptional": true, - "license": "ISC", - "dependencies": { - "cross-spawn": "^7.0.6", - "signal-exit": "^4.0.1" - }, - "engines": { - "node": ">=14" - }, - "funding": { - "url": "https://github.com/sponsors/isaacs" - } - }, - "node_modules/generate-function": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/generate-function/-/generate-function-2.3.1.tgz", - "integrity": "sha512-eeB5GfMNeevm/GRYq20ShmsaGcmI81kIX2K9XQx5miC8KdHaC6Jm0qQ8ZNeGOi7wYB8OsdxKs+Y2oVuTFuVwKQ==", - "devOptional": true, - "license": "MIT", - "dependencies": { - "is-property": "^1.0.2" - } - }, - "node_modules/get-port-please": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/get-port-please/-/get-port-please-3.1.2.tgz", - "integrity": "sha512-Gxc29eLs1fbn6LQ4jSU4vXjlwyZhF5HsGuMAa7gqBP4Rw4yxxltyDUuF5MBclFzDTXO+ACchGQoeela4DSfzdQ==", - "devOptional": true, - "license": "MIT" - }, "node_modules/giget": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/giget/-/giget-2.0.0.tgz", @@ -565,55 +288,6 @@ "giget": "dist/cli.mjs" } }, - "node_modules/graceful-fs": { - "version": "4.2.11", - "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz", - "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==", - "devOptional": true, - "license": "ISC" - }, - "node_modules/grammex": { - "version": "3.1.12", - "resolved": "https://registry.npmjs.org/grammex/-/grammex-3.1.12.tgz", - "integrity": "sha512-6ufJOsSA7LcQehIJNCO7HIBykfM7DXQual0Ny780/DEcJIpBlHRvcqEBWGPYd7hrXL2GJ3oJI1MIhaXjWmLQOQ==", - "devOptional": true, - "license": "MIT" - }, - "node_modules/hono": { - "version": "4.10.6", - "resolved": "https://registry.npmjs.org/hono/-/hono-4.10.6.tgz", - "integrity": "sha512-BIdolzGpDO9MQ4nu3AUuDwHZZ+KViNm+EZ75Ae55eMXMqLVhDFqEMXxtUe9Qh8hjL+pIna/frs2j6Y2yD5Ua/g==", - "devOptional": true, - "license": "MIT", - "peer": true, - "engines": { - "node": ">=16.9.0" - } - }, - "node_modules/http-status-codes": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/http-status-codes/-/http-status-codes-2.3.0.tgz", - "integrity": "sha512-RJ8XvFvpPM/Dmc5SV+dC4y5PCeOhT3x1Hq0NU3rjGeg5a/CqlhZ7uudknPwZFz4aeAXDcbAyaeP7GAo9lvngtA==", - "devOptional": true, - "license": "MIT" - }, - "node_modules/iconv-lite": { - "version": "0.7.1", - "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.7.1.tgz", - "integrity": "sha512-2Tth85cXwGFHfvRgZWszZSvdo+0Xsqmw8k8ZwxScfcBneNUraK+dxRxRm24nszx80Y0TVio8kKLt5sLE7ZCLlw==", - "devOptional": true, - "license": "MIT", - "dependencies": { - "safer-buffer": ">= 2.1.2 < 3.0.0" - }, - "engines": { - "node": ">=0.10.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/express" - } - }, "node_modules/immediate": { "version": "3.0.6", "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz", @@ -626,26 +300,12 @@ "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", "license": "ISC" }, - "node_modules/is-property": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-property/-/is-property-1.0.2.tgz", - "integrity": "sha512-Ks/IoX00TtClbGQr4TWXemAnktAQvYB7HzcCxDGqEZU6oCmb2INHuOoKxbtR+HFkmYWBKv/dOZtGRiAjDhj92g==", - "devOptional": true, - "license": "MIT" - }, "node_modules/isarray": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==", "license": "MIT" }, - "node_modules/isexe": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", - "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==", - "devOptional": true, - "license": "ISC" - }, "node_modules/jiti": { "version": "2.6.1", "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz", @@ -677,80 +337,6 @@ "immediate": "~3.0.5" } }, - "node_modules/lilconfig": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz", - "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==", - "devOptional": true, - "license": "MIT", - "engines": { - "node": ">=10" - } - }, - "node_modules/lodash": { - "version": "4.17.21", - "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", - "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==", - "devOptional": true, - "license": "MIT" - }, - "node_modules/long": { - "version": "5.3.2", - "resolved": "https://registry.npmjs.org/long/-/long-5.3.2.tgz", - "integrity": "sha512-mNAgZ1GmyNhD7AuqnTG3/VQ26o760+ZYBPKjPvugO8+nLbYfX6TVpJPseBvopbdY+qpZ/lKUnmEc1LeZYS3QAA==", - "devOptional": true, - "license": "Apache-2.0" - }, - "node_modules/lru.min": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/lru.min/-/lru.min-1.1.3.tgz", - "integrity": "sha512-Lkk/vx6ak3rYkRR0Nhu4lFUT2VDnQSxBe8Hbl7f36358p6ow8Bnvr8lrLt98H8J1aGxfhbX4Fs5tYg2+FTwr5Q==", - "devOptional": true, - "license": "MIT", - "engines": { - "bun": ">=1.0.0", - "deno": ">=1.30.0", - "node": ">=8.0.0" - }, - "funding": { - "type": "github", - "url": "https://github.com/sponsors/wellwelwel" - } - }, - "node_modules/mysql2": { - "version": "3.15.3", - "resolved": "https://registry.npmjs.org/mysql2/-/mysql2-3.15.3.tgz", - "integrity": "sha512-FBrGau0IXmuqg4haEZRBfHNWB5mUARw6hNwPDXXGg0XzVJ50mr/9hb267lvpVMnhZ1FON3qNd4Xfcez1rbFwSg==", - "devOptional": true, - "license": "MIT", - "dependencies": { - "aws-ssl-profiles": "^1.1.1", - "denque": "^2.1.0", - "generate-function": "^2.3.1", - "iconv-lite": "^0.7.0", - "long": "^5.2.1", - "lru.min": "^1.0.0", - "named-placeholders": "^1.1.3", - "seq-queue": "^0.0.5", - "sqlstring": "^2.3.2" - }, - "engines": { - "node": ">= 8.0" - } - }, - "node_modules/named-placeholders": { - "version": "1.1.6", - "resolved": "https://registry.npmjs.org/named-placeholders/-/named-placeholders-1.1.6.tgz", - "integrity": "sha512-Tz09sEL2EEuv5fFowm419c1+a/jSMiBjI9gHxVLrVdbUkkNUUfjsVYs9pVZu5oCon/kmRh9TfLEObFtkVxmY0w==", - "devOptional": true, - "license": "MIT", - "dependencies": { - "lru.min": "^1.1.0" - }, - "engines": { - "node": ">=8.0.0" - } - }, "node_modules/node-fetch-native": { "version": "1.6.7", "resolved": "https://registry.npmjs.org/node-fetch-native/-/node-fetch-native-1.6.7.tgz", @@ -791,16 +377,6 @@ "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==", "license": "(MIT AND Zlib)" }, - "node_modules/path-key": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz", - "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==", - "devOptional": true, - "license": "MIT", - "engines": { - "node": ">=8" - } - }, "node_modules/pathe": { "version": "2.0.3", "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz", @@ -827,50 +403,27 @@ "pathe": "^2.0.3" } }, - "node_modules/postgres": { - "version": "3.4.7", - "resolved": "https://registry.npmjs.org/postgres/-/postgres-3.4.7.tgz", - "integrity": "sha512-Jtc2612XINuBjIl/QTWsV5UvE8UHuNblcO3vVADSrKsrc6RqGX6lOW1cEo3CM2v0XG4Nat8nI+YM7/f26VxXLw==", - "devOptional": true, - "license": "Unlicense", - "engines": { - "node": ">=12" - }, - "funding": { - "type": "individual", - "url": "https://github.com/sponsors/porsager" - } - }, "node_modules/prisma": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/prisma/-/prisma-7.2.0.tgz", - "integrity": "sha512-jSdHWgWOgFF24+nRyyNRVBIgGDQEsMEF8KPHvhBBg3jWyR9fUAK0Nq9ThUmiGlNgq2FA7vSk/ZoCvefod+a8qg==", + "version": "6.19.1", + "resolved": "https://registry.npmjs.org/prisma/-/prisma-6.19.1.tgz", + "integrity": "sha512-XRfmGzh6gtkc/Vq3LqZJcS2884dQQW3UhPo6jNRoiTW95FFQkXFg8vkYEy6og+Pyv0aY7zRQ7Wn1Cvr56XjhQQ==", "devOptional": true, "hasInstallScript": true, "license": "Apache-2.0", - "peer": true, "dependencies": { - "@prisma/config": "7.2.0", - "@prisma/dev": "0.17.0", - "@prisma/engines": "7.2.0", - "@prisma/studio-core": "0.9.0", - "mysql2": "3.15.3", - "postgres": "3.4.7" + "@prisma/config": "6.19.1", + "@prisma/engines": "6.19.1" }, "bin": { "prisma": "build/index.js" }, "engines": { - "node": "^20.19 || ^22.12 || >=24.0" + "node": ">=18.18" }, "peerDependencies": { - "better-sqlite3": ">=9.0.0", - "typescript": ">=5.4.0" + "typescript": ">=5.1.0" }, "peerDependenciesMeta": { - "better-sqlite3": { - "optional": true - }, "typescript": { "optional": true } @@ -882,25 +435,6 @@ "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==", "license": "MIT" }, - "node_modules/proper-lockfile": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/proper-lockfile/-/proper-lockfile-4.1.2.tgz", - "integrity": "sha512-TjNPblN4BwAWMXU8s9AEz4JmQxnD1NNL7bNOY/AKUzyamc379FWASUhc/K1pL2noVb+XmZKLL68cjzLsiOAMaA==", - "devOptional": true, - "license": "MIT", - "dependencies": { - "graceful-fs": "^4.2.4", - "retry": "^0.12.0", - "signal-exit": "^3.0.2" - } - }, - "node_modules/proper-lockfile/node_modules/signal-exit": { - "version": "3.0.7", - "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz", - "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==", - "devOptional": true, - "license": "ISC" - }, "node_modules/pure-rand": { "version": "6.1.0", "resolved": "https://registry.npmjs.org/pure-rand/-/pure-rand-6.1.0.tgz", @@ -929,31 +463,6 @@ "destr": "^2.0.3" } }, - "node_modules/react": { - "version": "19.2.3", - "resolved": "https://registry.npmjs.org/react/-/react-19.2.3.tgz", - "integrity": "sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA==", - "devOptional": true, - "license": "MIT", - "peer": true, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/react-dom": { - "version": "19.2.3", - "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.3.tgz", - "integrity": "sha512-yELu4WmLPw5Mr/lmeEpox5rw3RETacE++JgHqQzd2dg+YbJuat3jH4ingc+WPZhxaoFzdv9y33G+F7Nl5O0GBg==", - "devOptional": true, - "license": "MIT", - "peer": true, - "dependencies": { - "scheduler": "^0.27.0" - }, - "peerDependencies": { - "react": "^19.2.3" - } - }, "node_modules/readable-stream": { "version": "2.3.8", "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz", @@ -983,118 +492,18 @@ "url": "https://paulmillr.com/funding/" } }, - "node_modules/regexp-to-ast": { - "version": "0.5.0", - "resolved": "https://registry.npmjs.org/regexp-to-ast/-/regexp-to-ast-0.5.0.tgz", - "integrity": "sha512-tlbJqcMHnPKI9zSrystikWKwHkBqu2a/Sgw01h3zFjvYrMxEDYHzzoMZnUrbIfpTFEsoRnnviOXNCzFiSc54Qw==", - "devOptional": true, - "license": "MIT" - }, - "node_modules/remeda": { - "version": "2.21.3", - "resolved": "https://registry.npmjs.org/remeda/-/remeda-2.21.3.tgz", - "integrity": "sha512-XXrZdLA10oEOQhLLzEJEiFFSKi21REGAkHdImIb4rt/XXy8ORGXh5HCcpUOsElfPNDb+X6TA/+wkh+p2KffYmg==", - "devOptional": true, - "license": "MIT", - "dependencies": { - "type-fest": "^4.39.1" - } - }, - "node_modules/retry": { - "version": "0.12.0", - "resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz", - "integrity": "sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==", - "devOptional": true, - "license": "MIT", - "engines": { - "node": ">= 4" - } - }, "node_modules/safe-buffer": { "version": "5.1.2", "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", "license": "MIT" }, - "node_modules/safer-buffer": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", - "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", - "devOptional": true, - "license": "MIT" - }, - "node_modules/scheduler": { - "version": "0.27.0", - "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz", - "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==", - "devOptional": true, - "license": "MIT" - }, - "node_modules/seq-queue": { - "version": "0.0.5", - "resolved": "https://registry.npmjs.org/seq-queue/-/seq-queue-0.0.5.tgz", - "integrity": "sha512-hr3Wtp/GZIc/6DAGPDcV4/9WoZhjrkXsi5B/07QgX8tsdc6ilr7BFM6PM6rbdAX1kFSDYeZGLipIZZKyQP0O5Q==", - "devOptional": true - }, "node_modules/setimmediate": { "version": "1.0.5", "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz", "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==", "license": "MIT" }, - "node_modules/shebang-command": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", - "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==", - "devOptional": true, - "license": "MIT", - "dependencies": { - "shebang-regex": "^3.0.0" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/shebang-regex": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz", - "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==", - "devOptional": true, - "license": "MIT", - "engines": { - "node": ">=8" - } - }, - "node_modules/signal-exit": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz", - "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==", - "devOptional": true, - "license": "ISC", - "engines": { - "node": ">=14" - }, - "funding": { - "url": "https://github.com/sponsors/isaacs" - } - }, - "node_modules/sqlstring": { - "version": "2.3.3", - "resolved": "https://registry.npmjs.org/sqlstring/-/sqlstring-2.3.3.tgz", - "integrity": "sha512-qC9iz2FlN7DQl3+wjwn3802RTyjCx7sDvfQEXchwa6CWOx07/WVfh91gBmQ9fahw8snwGEWU3xGzOt4tFyHLxg==", - "devOptional": true, - "license": "MIT", - "engines": { - "node": ">= 0.6" - } - }, - "node_modules/std-env": { - "version": "3.9.0", - "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.9.0.tgz", - "integrity": "sha512-UGvjygr6F6tpH7o2qyqR6QYpwraIjKSdtzyBdyytFOHmPZY917kwdwLG0RbOjWOnKmnm3PeHjaoLLMie7kPLQw==", - "devOptional": true, - "license": "MIT" - }, "node_modules/string_decoder": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", @@ -1114,65 +523,11 @@ "node": ">=18" } }, - "node_modules/type-fest": { - "version": "4.41.0", - "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.41.0.tgz", - "integrity": "sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==", - "devOptional": true, - "license": "(MIT OR CC0-1.0)", - "engines": { - "node": ">=16" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/util-deprecate": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", "license": "MIT" - }, - "node_modules/valibot": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/valibot/-/valibot-1.2.0.tgz", - "integrity": "sha512-mm1rxUsmOxzrwnX5arGS+U4T25RdvpPjPN4yR0u9pUBov9+zGVtO84tif1eY4r6zWxVxu3KzIyknJy3rxfRZZg==", - "devOptional": true, - "license": "MIT", - "peerDependencies": { - "typescript": ">=5" - }, - "peerDependenciesMeta": { - "typescript": { - "optional": true - } - } - }, - "node_modules/which": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", - "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", - "devOptional": true, - "license": "ISC", - "dependencies": { - "isexe": "^2.0.0" - }, - "bin": { - "node-which": "bin/node-which" - }, - "engines": { - "node": ">= 8" - } - }, - "node_modules/zeptomatch": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/zeptomatch/-/zeptomatch-2.0.2.tgz", - "integrity": "sha512-H33jtSKf8Ijtb5BW6wua3G5DhnFjbFML36eFu+VdOoVY4HD9e7ggjqdM6639B+L87rjnR6Y+XeRzBXZdy52B/g==", - "devOptional": true, - "license": "MIT", - "dependencies": { - "grammex": "^3.1.10" - } } } } diff --git a/package.json b/package.json index bc6319837..48368e809 100644 --- a/package.json +++ b/package.json @@ -1,9 +1,9 @@ { "devDependencies": { - "prisma": "^7.2.0" + "prisma": "^6.19.1" }, "dependencies": { - "@prisma/client": "^7.2.0", + "@prisma/client": "^6.19.1", "jszip": "^3.10.1" } }