Files
twenty/packages/twenty-ui/src/theme/index.ts
Lucas Bordeau 03b3c8a67a Refactored all FieldDisplay types for performance optimization (#5768)
This PR is the second part of
https://github.com/twentyhq/twenty/pull/5693.

It optimizes all remaining field types.

The observed improvements are :
- x2 loading time improvement on table rows
- more consistent render time

Here's a summary of measured improvements, what's given here is the
average of hundreds of renders with a React Profiler component. (in our
Storybook performance stories)

| Component | Before (µs) | After (µs) |
| ----- | ------------- | --- |
| TextFieldDisplay | 127 | 83 |
| EmailFieldDisplay | 117 | 83 |
| NumberFieldDisplay | 97 | 56 |
| DateFieldDisplay | 240 | 52 |
| CurrencyFieldDisplay | 236 | 110 |
| FullNameFieldDisplay | 131 | 85 |
| AddressFieldDisplay | 118 | 81 |
| BooleanFieldDisplay | 130 | 100 |
| JSONFieldDisplay | 248 | 49 |
| LinksFieldDisplay | 1180 | 140 |
| LinkFieldDisplay | 140 | 78 |
| MultiSelectFieldDisplay | 770 | 130 |
| SelectFieldDisplay | 230 | 87 |
2024-06-12 18:36:25 +02:00

42 lines
1.6 KiB
TypeScript

export * from './constants/AccentDark';
export * from './constants/AccentLight';
export * from './constants/Animation';
export * from './constants/BackgroundDark';
export * from './constants/BackgroundLight';
export * from './constants/BlurDark';
export * from './constants/BlurLight';
export * from './constants/BorderCommon';
export * from './constants/BorderDark';
export * from './constants/BorderLight';
export * from './constants/BoxShadowDark';
export * from './constants/BoxShadowLight';
export * from './constants/Colors';
export * from './constants/FontCommon';
export * from './constants/FontDark';
export * from './constants/FontLight';
export * from './constants/GrayScale';
export * from './constants/HoverBackground';
export * from './constants/Icon';
export * from './constants/MainColorNames';
export * from './constants/MainColors';
export * from './constants/MobileViewport';
export * from './constants/Modal';
export * from './constants/OverlayBackground';
export * from './constants/Rgba';
export * from './constants/SecondaryColors';
export * from './constants/SnackBarCommon';
export * from './constants/SnackBarDark';
export * from './constants/SnackBarLight';
export * from './constants/TagDark';
export * from './constants/TagLight';
export * from './constants/Text';
export * from './constants/TextInputStyle';
export * from './constants/ThemeCommon';
export * from './constants/ThemeDark';
export * from './constants/ThemeLight';
export * from './provider/ThemeContextProvider';
export * from './provider/ThemeProvider';
export * from './types/ThemeType';
export * from './utils/getNextThemeColor';
export * from './utils/themeColorSchema';