Files
twenty/packages/twenty-front/project.json
T
59029a0035 [Fix] : Dragged element is considered to be part of a dropdown in dashboard tab list (#18414)
Fixes #15327

The issue occurred because the drag clone's visual state was previously
tied strictly to hovering over the `VISIBLE_TABS` boundaries. When a tab
was dragged outside this area (such as the last tab naturally crossing
into the `MORE_BUTTON` hover zone), the drag clone incorrectly fell back
to the dropdown menu item style.

We fixed this by making the `isHoveringTabList` logic more robust.
Instead of enforcing the tab style only within the `VISIBLE_TABS`
boundary, the dropdown style is now strictly restricted to the
`OVERFLOW_TABS` boundary.

With this change:
- Visible tabs successfully maintain their appearance when dragged
anywhere outside the dropdown.
- Dropdown tabs correctly transition to the normal tab style when
dragged out of the dropdown area, improving UX.



https://github.com/user-attachments/assets/9474e4c1-26a8-46e3-b9ee-4c6dbd8a4ea6

---------

Co-authored-by: Arun kumar <arunkumar@Aruns-MacBook-Air.local>
Co-authored-by: ehconitin <nitinkoche03@gmail.com>
Co-authored-by: nitin <142569587+ehconitin@users.noreply.github.com>
Co-authored-by: Charles Bochet <charles@twenty.com>
2026-03-06 14:35:32 +00:00

309 lines
7.4 KiB
JSON

{
"name": "twenty-front",
"$schema": "../../node_modules/nx/schemas/project-schema.json",
"projectType": "application",
"tags": [
"scope:frontend"
],
"targets": {
"build": {
"outputs": [
"{options.outputPath}"
],
"options": {
"outputPath": "{projectRoot}/build"
},
"dependsOn": [
"^build"
]
},
"build:sourcemaps": {
"outputs": [
"{options.outputPath}"
],
"options": {
"outputPath": "{projectRoot}/build"
},
"dependsOn": [
"^build"
]
},
"serve": {
"executor": "nx:run-commands",
"options": {
"command": "npx serve -s {projectRoot}/build"
}
},
"start": {
"executor": "@nx/vite:dev-server",
"options": {
"buildTarget": "twenty-front:build",
"hmr": true
}
},
"preview": {
"executor": "@nx/vite:preview-server",
"options": {
"buildTarget": "twenty-front:build",
"port": 3001,
"open": true
}
},
"reset:env": {
"executor": "nx:run-commands",
"inputs": [
"{projectRoot}/.env.example"
],
"outputs": [
"{projectRoot}/.env"
],
"cache": true,
"options": {
"cwd": "{projectRoot}",
"command": "cp .env.example .env"
}
},
"typecheck": {},
"lint": {
"executor": "nx:run-commands",
"cache": true,
"dependsOn": ["twenty-oxlint-rules:build", "twenty-shared:build"],
"inputs": [
"{projectRoot}/src/**/*.{ts,tsx}",
"{projectRoot}/tsconfig*.json",
"{workspaceRoot}/tsconfig.base.json",
"{projectRoot}/.oxlintrc.json",
"{workspaceRoot}/packages/twenty-oxlint-rules/dist/oxlint-plugin.mjs"
],
"options": {
"cwd": "{projectRoot}",
"command": "npx oxlint --type-aware -c .oxlintrc.json src/ && (prettier src/ --check --cache --cache-location ../../.cache/prettier/{projectRoot} --cache-strategy metadata || (echo 'ERROR: Prettier formatting check failed! Fix with: npx nx lint twenty-front --configuration=fix' && false))"
},
"configurations": {
"fix": {
"command": "npx oxlint --type-aware --fix -c .oxlintrc.json src/ && prettier src/ --write --cache --cache-location ../../.cache/prettier/{projectRoot} --cache-strategy metadata"
}
}
},
"lint:diff-with-main": {
"executor": "nx:run-commands",
"options": {
"cwd": "{projectRoot}",
"command": "FILES=$(git diff --name-only --relative --diff-filter=d main...HEAD -- src/ | grep -E '\\.(ts|tsx)$'); [ -z \"$FILES\" ] && echo 'No changed files.' || (npx oxlint --type-aware -c .oxlintrc.json $FILES && (prettier --check $FILES || (echo 'ERROR: Prettier formatting check failed! Fix with: npx nx lint:diff-with-main twenty-front --configuration=fix' && false)))"
},
"configurations": {
"fix": {
"command": "FILES=$(git diff --name-only --relative --diff-filter=d main...HEAD -- src/ | grep -E '\\.(ts|tsx)$'); [ -z \"$FILES\" ] && echo 'No changed files.' || (npx oxlint --type-aware --fix -c .oxlintrc.json $FILES && prettier --write $FILES)"
}
}
},
"fmt": {
"options": {
"files": "src"
},
"configurations": {
"fix": {}
}
},
"test": {},
"storybook:build": {
"options": {
"env": {
"NODE_OPTIONS": "--max_old_space_size=8000"
}
},
"configurations": {
"docs": {
"env": {
"STORYBOOK_SCOPE": "ui-docs"
}
},
"modules": {
"env": {
"STORYBOOK_SCOPE": "modules"
}
},
"pages": {
"env": {
"STORYBOOK_SCOPE": "pages"
}
},
"performance": {
"env": {
"STORYBOOK_SCOPE": "performance"
}
}
}
},
"storybook:serve:dev": {
"options": {
"port": 6006
},
"configurations": {
"docs": {
"env": {
"STORYBOOK_SCOPE": "ui-docs"
}
},
"modules": {
"env": {
"STORYBOOK_SCOPE": "modules"
}
},
"pages": {
"env": {
"STORYBOOK_SCOPE": "pages"
}
},
"performance": {
"env": {
"STORYBOOK_SCOPE": "performance"
}
}
}
},
"storybook:serve:static": {
"options": {
"port": 6006
},
"configurations": {
"docs": {
"env": {
"STORYBOOK_SCOPE": "ui-docs"
}
},
"modules": {
"env": {
"STORYBOOK_SCOPE": "modules"
}
},
"pages": {
"env": {
"STORYBOOK_SCOPE": "pages"
}
},
"performance": {
"env": {
"STORYBOOK_SCOPE": "performance"
}
}
}
},
"storybook:coverage": {
"configurations": {
"text": {},
"docs": {
"env": {
"STORYBOOK_SCOPE": "ui-docs"
}
},
"modules": {
"env": {
"STORYBOOK_SCOPE": "modules"
}
},
"pages": {
"env": {
"STORYBOOK_SCOPE": "pages"
}
},
"performance": {
"env": {
"STORYBOOK_SCOPE": "performance"
}
}
}
},
"storybook:test": {
"configurations": {
"docs": {
"env": {
"STORYBOOK_SCOPE": "ui-docs"
}
},
"modules": {
"env": {
"STORYBOOK_SCOPE": "modules"
}
},
"pages": {
"env": {
"STORYBOOK_SCOPE": "pages"
}
},
"performance": {
"env": {
"STORYBOOK_SCOPE": "performance"
}
}
}
},
"storybook:test:no-coverage": {
"configurations": {
"docs": {
"env": {
"STORYBOOK_SCOPE": "ui-docs"
}
},
"modules": {
"env": {
"STORYBOOK_SCOPE": "modules"
}
},
"pages": {
"env": {
"STORYBOOK_SCOPE": "pages"
}
},
"performance": {
"env": {
"STORYBOOK_SCOPE": "performance"
}
}
}
},
"graphql:generate": {
"executor": "nx:run-commands",
"defaultConfiguration": "data",
"options": {
"cwd": "{projectRoot}",
"command": "dotenv graphql-codegen -- --config={args.config}"
},
"configurations": {
"data": {
"config": "codegen.cjs"
},
"metadata": {
"config": "codegen-metadata.cjs"
}
}
},
"mock:generate": {
"executor": "nx:run-commands",
"options": {
"cwd": "{projectRoot}",
"command": "dotenv npx vite-node scripts/generate-mock-data.ts"
}
},
"chromatic": {
"configurations": {
"ci": {}
}
},
"lingui:extract": {
"executor": "nx:run-commands",
"options": {
"cwd": "{projectRoot}",
"command": "lingui extract --overwrite --clean"
}
},
"lingui:compile": {
"executor": "nx:run-commands",
"options": {
"cwd": "{projectRoot}",
"command": "lingui compile --typescript"
}
}
}
}