Migrate to a monorepo structure (#2909)

packages/twenty-front/src/modules/ui/display/icon/assets/address-book.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-address-book" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+  <path d="M20 6v12a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2z" />
+  <path d="M10 16h6" />
+  <path d="M13 11m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" />
+  <path d="M4 8h3" />
+  <path d="M4 12h3" />
+  <path d="M4 16h3" />
+</svg>

packages/twenty-front/src/modules/ui/display/icon/assets/twenty-star-filled.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
+<path d="M6.06216 1.53416C6.38434 0.663593 7.61566 0.663591 7.93784 1.53416L9.00134 4.40789C9.10263 4.68158 9.31842 4.89737 9.59211 4.99866L12.4658 6.06216C13.3364 6.38434 13.3364 7.61566 12.4658 7.93784L9.59211 9.00134C9.31842 9.10263 9.10263 9.31842 9.00134 9.59211L7.93784 12.4658C7.61566 13.3364 6.38434 13.3364 6.06216 12.4658L4.99866 9.59211C4.89737 9.31842 4.68158 9.10263 4.40789 9.00134L1.53416 7.93784C0.663593 7.61566 0.663591 6.38434 1.53416 6.06216L4.40789 4.99866C4.68158 4.89737 4.89737 4.68158 4.99866 4.40789L6.06216 1.53416Z" fill="currentColor"/>
+</svg>

packages/twenty-front/src/modules/ui/display/icon/assets/twenty-star.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path d="M10.4673 3.06709C10.9938 1.64431 13.0062 1.6443 13.5327 3.06709L15.2708 7.76367C15.4364 8.21097 15.789 8.56364 16.2363 8.72917L20.9329 10.4673C22.3557 10.9938 22.3557 13.0062 20.9329 13.5327L16.2363 15.2708C15.789 15.4364 15.4364 15.789 15.2708 16.2363L13.5327 20.9329C13.0062 22.3557 10.9938 22.3557 10.4673 20.9329L8.72917 16.2363C8.56364 15.789 8.21097 15.4364 7.76367 15.2708L3.06709 13.5327C1.64431 13.0062 1.6443 10.9938 3.06709 10.4673L7.76367 8.72917C8.21097 8.56364 8.56364 8.21097 8.72917 7.76367L10.4673 3.06709Z" stroke="currentColor" />
+</svg>

packages/twenty-front/src/modules/ui/display/icon/components/IconAddressBook.tsx

@@ -0,0 +1,12 @@
+import { TablerIconsProps } from '@/ui/display/icon';
+
+import IconAddressBookRaw from '../assets/address-book.svg?react';
+
+type IconAddressBookProps = TablerIconsProps;
+
+export const IconAddressBook = (props: IconAddressBookProps): JSX.Element => {
+  const size = props.size ?? 24;
+  const stroke = props.stroke ?? 2;
+
+  return <IconAddressBookRaw height={size} width={size} strokeWidth={stroke} />;
+};

packages/twenty-front/src/modules/ui/display/icon/components/IconGoogle.tsx

@@ -0,0 +1,14 @@
+import { useTheme } from '@emotion/react';
+
+import IconGoogleRaw from '../assets/google-icon.svg?react';
+
+interface IconGoogleProps {
+  size?: number;
+}
+
+export const IconGoogle = (props: IconGoogleProps): JSX.Element => {
+  const theme = useTheme();
+  const size = props.size ?? theme.icon.size.lg;
+
+  return <IconGoogleRaw height={size} width={size} />;
+};

packages/twenty-front/src/modules/ui/display/icon/components/IconTwentyStar.tsx

@@ -0,0 +1,12 @@
+import { TablerIconsProps } from '@/ui/display/icon';
+
+import IconTwentyStarRaw from '../assets/twenty-star.svg?react';
+
+type IconTwentyStarProps = TablerIconsProps;
+
+export const IconTwentyStar = (props: IconTwentyStarProps): JSX.Element => {
+  const size = props.size ?? 24;
+  const stroke = props.stroke ?? 2;
+
+  return <IconTwentyStarRaw height={size} width={size} strokeWidth={stroke} />;
+};

packages/twenty-front/src/modules/ui/display/icon/components/IconTwentyStarFilled.tsx

@@ -0,0 +1,16 @@
+import { TablerIconsProps } from '@/ui/display/icon';
+
+import IconTwentyStarFilledRaw from '../assets/twenty-star-filled.svg?react';
+
+type IconTwentyStarFilledProps = TablerIconsProps;
+
+export const IconTwentyStarFilled = (
+  props: IconTwentyStarFilledProps,
+): JSX.Element => {
+  const size = props.size ?? 24;
+  const stroke = props.stroke ?? 2;
+
+  return (
+    <IconTwentyStarFilledRaw height={size} width={size} strokeWidth={stroke} />
+  );
+};

packages/twenty-front/src/modules/ui/display/icon/index.ts

@@ -0,0 +1,94 @@
+/* eslint-disable no-restricted-imports */
+export type { TablerIconsProps } from '@tabler/icons-react';
+export {
+  IconAlertCircle,
+  IconAlertTriangle,
+  IconArchive,
+  IconArchiveOff,
+  IconArrowDown,
+  IconArrowLeft,
+  IconArrowRight,
+  IconArrowUp,
+  IconArrowUpRight,
+  IconAt,
+  IconBaselineDensitySmall,
+  IconBell,
+  IconBox,
+  IconBrandGithub,
+  IconBrandGoogle,
+  IconBrandLinkedin,
+  IconBrandX,
+  IconBriefcase,
+  IconBuildingSkyscraper,
+  IconCalendar,
+  IconCalendarEvent,
+  IconCheck,
+  IconCheckbox,
+  IconChevronDown,
+  IconChevronLeft,
+  IconChevronRight,
+  IconChevronsRight,
+  IconChevronUp,
+  IconCircleDot,
+  IconCoins,
+  IconColorSwatch,
+  IconMessageCircle as IconComment,
+  IconCopy,
+  IconCurrencyDollar,
+  IconDatabase,
+  IconDotsVertical,
+  IconDownload,
+  IconEye,
+  IconEyeOff,
+  IconFileCheck,
+  IconFileImport,
+  IconFileUpload,
+  IconForbid,
+  IconGripVertical,
+  IconHeart,
+  IconHeartOff,
+  IconHelpCircle,
+  IconHierarchy2,
+  IconKey,
+  IconLanguage,
+  IconLayoutKanban,
+  IconLayoutSidebarLeftCollapse,
+  IconLayoutSidebarRightCollapse,
+  IconLayoutSidebarRightExpand,
+  IconLink,
+  IconLinkOff,
+  IconList,
+  IconLogout,
+  IconMail,
+  IconMailCog,
+  IconMap,
+  IconMinus,
+  IconMoneybag,
+  IconMouse2,
+  IconNotes,
+  IconNumbers,
+  IconPaperclip,
+  IconPencil,
+  IconPhone,
+  IconPlug,
+  IconPlus,
+  IconProgressCheck,
+  IconRelationManyToMany,
+  IconRelationOneToMany,
+  IconRelationOneToOne,
+  IconRepeat,
+  IconRobot,
+  IconSearch,
+  IconSettings,
+  IconTag,
+  IconTarget,
+  IconTargetArrow,
+  IconTextSize,
+  IconTimelineEvent,
+  IconTrash,
+  IconUpload,
+  IconUser,
+  IconUserCircle,
+  IconUsers,
+  IconX,
+} from '@tabler/icons-react';

packages/twenty-front/src/modules/ui/display/icon/types/IconComponent.ts

@@ -0,0 +1,8 @@
+import { FunctionComponent } from 'react';
+
+export type IconComponent = FunctionComponent<{
+  className?: string;
+  color?: string;
+  size?: number;
+  stroke?: number;
+}>;