8 Commits

Include renames

Author	SHA1	Message	Date
Charles BochetandGitHub	c4140f85df	chore(twenty-front): migrate small modules from Emotion to Linaria (PR 1/10) (#18314) ... ## Emotion → Linaria migration — PR 1 of 10 First batch of the `twenty-front` migration from Emotion (runtime CSS-in-JS) to Linaria (zero-runtime, build-time extraction via wyw-in-js). Covers **100 files** across 10 small standalone modules — chosen as the lowest-risk starting point. ### Modules migrated spreadsheet-import (28) · navigation-menu-item (17) · views (14) · billing (10) · blocknote-editor (7) · advanced-text-editor (7) · favorites (7) · navigation (4) · information-banner (3) · sign-in-background-mock (3) ### Migration pattern Every file follows the same mechanical transformation: | Emotion | Linaria | |---|---| | `import styled from '@emotion/styled'` | `import { styled } from '@linaria/react'` | | `${({ theme }) => theme.font.color.primary}` | `${themeCssVariables.font.color.primary}` | | `${({ theme }) => theme.spacing(4)}` | `${themeCssVariables.spacing[4]}` | | `const theme = useTheme()` | `const { theme } = useContext(ThemeContext)` | | `import { type Theme } from '@emotion/react'` | `import { type ThemeType } from 'twenty-ui/theme'` | `themeCssVariables` is a build-time object where every leaf is a `var(--t-xxx)` CSS custom property reference, evaluated statically by wyw-in-js. Runtime theme access (icon sizes, colors passed as props) uses `useContext(ThemeContext)`. ### Gotchas encountered & fixed - **Interpolation return types** — wyw-in-js requires `string | number`, never `false`/`undefined`. Replaced `condition && 'css'` with `condition ? 'css' : ''`. - **`css` tag inside `styled` templates** — Linaria `css` returns a class name, not CSS text. Replaced with plain template strings. - **`styled(Component)` needs `className`** — added `className` prop to `NavigationDrawerSection`, `DropdownMenuItemsContainer`, and `Heading`. - **`shouldForwardProp` not supported** — Linaria filters invalid DOM props automatically for HTML elements. For custom components, used wrapper divs where needed. - **`FormFieldPlaceholderStyles`** — converted from Emotion `css` function to a static string using `themeCssVariables`.	2026-03-02 16:33:40 +01:00
martmullandGitHub	de5764ede0	Fix twenty sdk build (#17729) ... - remove worksapce:* dependencies from published packages - Use common tsconfig.ts in create-twenty-app - Increase version to 0.4.4	2026-02-05 14:25:49 +01:00
Charles BochetandGitHub	e6c87a360d	Compute Filter DisplayValue at runtime on FE (#14148) ... <img width="1913" height="979" alt="image" src="https://github.com/user-attachments/assets/33936329-47b1-487f-94fa-54c45e7843fc" /> <img width="1913" height="979" alt="image" src="https://github.com/user-attachments/assets/6ea992a5-1ac6-49f6-8da1-661ca35144aa" />	2025-08-29 13:54:53 +02:00
3 people	8b59fcaea7	Remove preconstruct, update wyw (#13844) ... To simplify our setup, moving back to Vite to build twenty-shared. Also upgrading wyw --------- Co-authored-by: prastoin <paul@twenty.com>	2025-08-12 12:43:35 +02:00
Paul RastoinandGitHub	4a4e65fe4a	[REFACTOR] Twenty UI multi barrel (#11301) ... # Introduction closes https://github.com/twentyhq/core-team-issues/issues/591 Same than for `twenty-shared` made in https://github.com/twentyhq/twenty/pull/11083. ## TODO - [x] Manual migrate twenty-website twenty-ui imports ## What's next: - Generate barrel and migration script factorization within own package + tests - Refactoring using preconstruct ? TimeBox - Lint circular dependencies - Lint import from barrel and forbid them ### Preconstruct We need custom rollup plugins addition, but preconstruct does not expose its rollup configuration. It might be possible to handle this using the babel overrides. But was a big tunnel. We could give it a try afterwards ! ( allowing cjs interop and stuff like that ) Stuck to vite lib app Closed related PRs: - https://github.com/twentyhq/twenty/pull/11294 - https://github.com/twentyhq/twenty/pull/11203	2025-04-03 09:47:55 +00:00
uluckydevandGitHub	5416773951	Fix Storybook Configuration for Windows Development Environment (#7904) ... #### Description This PR resolves issue #7903 regarding the Storybook configuration for Windows development environments. Previously, the configuration script generated forward slashes instead of backslashes, leading to errors when running the command `npx nx run twenty-front:storybook:serve:dev --configuration=modules` on Windows systems. #### Changes Made - Updated the Storybook configuration to ensure that backslashes are used in file paths for Windows environments, preventing command execution errors. #### How to Test 1. **Run Storybook Command**: - On a Windows machine, execute the command: ``` npx nx run twenty-front:storybook:serve:dev --configuration=modules ``` - Ensure that the command runs successfully without any path-related errors. 2. **Verify Configuration**: - Check the Storybook configuration files to confirm that paths are using backslashes where applicable. - Test the same command on non-Windows environments to verify that there are no regressions. #### Related Issue - Fixes #7903	2024-10-21 18:28:31 +02:00
ThaïsandGitHub	9f83cc1426	refactor: move @/ui/display/icon to twenty-ui (#4820) ... Split from https://github.com/twentyhq/twenty/pull/4518 Part of https://github.com/twentyhq/twenty/issues/4766	2024-04-12 15:30:48 +02:00
3 people	932a8d68f5	chore: add script to generate twenty-ui barrels before build (#4707) ... Split from https://github.com/twentyhq/twenty/pull/4518 Part of #4766 Adds a script to auto-generate twenty-ui exports in `index.ts` files. --------- Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>	2024-04-04 12:14:20 +02:00