From 5d07b6347ef4cb02695b87f7933d33be81c2487d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tha=C3=AFs?= Date: Mon, 1 Apr 2024 13:15:47 +0200 Subject: [PATCH] refactor: move Tabler Icon exports to twenty-ui (#4727) Split from https://github.com/twentyhq/twenty/pull/4518 --- .../src/effect-components/PageChangeEffect.tsx | 2 +- .../src/modules/activities/blocks/slashMenu.tsx | 4 ++-- .../calendar/components/CalendarEventDetails.tsx | 2 +- .../calendar/components/CalendarEventRow.tsx | 2 +- .../activities/comment/CommentCounter.tsx | 3 +-- .../components/ActivityTypeDropdown.tsx | 2 +- .../emails/components/EmailThreadBottomBar.tsx | 2 +- .../emails/components/EmailThreadHeader.tsx | 2 +- .../emails/components/EmailThreadNotShared.tsx | 3 +-- .../activities/events/components/EventRow.tsx | 6 +----- .../events/components/EventUpdateProperty.tsx | 3 +-- .../files/components/AttachmentDropdown.tsx | 3 ++- .../files/components/AttachmentIcon.tsx | 6 +++--- .../files/components/AttachmentRow.tsx | 2 +- .../activities/files/components/Attachments.tsx | 2 +- .../activities/files/components/DropZone.tsx | 2 +- .../components/ActivityTargetsInlineCell.tsx | 2 +- .../activities/notes/components/NoteCard.tsx | 2 +- .../activities/notes/components/Notes.tsx | 2 +- .../components/ActivityActionBar.tsx | 2 +- .../activities/table/components/CommentChip.tsx | 3 +-- .../tasks/components/AddTaskButton.tsx | 2 +- .../activities/tasks/components/TaskGroups.tsx | 2 +- .../activities/tasks/components/TaskRow.tsx | 2 +- .../timeline/components/TimelineActivity.tsx | 2 +- .../components/TimelineCreateButtonGroup.tsx | 6 +----- .../billing/components/SubscriptionBenefit.tsx | 3 +-- .../command-menu/components/CommandMenu.tsx | 2 +- .../command-menu/components/CommandMenuItem.tsx | 2 +- .../__stories__/CommandMenu.stories.tsx | 2 +- .../constants/CommandMenuCommands.ts | 2 +- .../components/GenericErrorFallback.tsx | 2 +- .../components/KeyboardShortcutMenuDialog.tsx | 3 ++- .../components/MainNavigationDrawerItems.tsx | 7 +------ .../components/MobileNavigationBar.tsx | 7 +------ .../AddObjectFilterFromDetailsButton.tsx | 3 ++- .../ObjectFilterDropdownOperandButton.tsx | 2 +- ...tFilterDropdownRecordRemoveFilterMenuItem.tsx | 2 +- .../SingleEntityObjectFilterDropdownButton.tsx | 2 +- .../components/ObjectSortDropdownButton.tsx | 2 +- .../hooks/useRecordActionBar.tsx | 16 ++++++++-------- .../components/RecordBoardCard.tsx | 2 +- .../components/RecordBoardColumnHeader.tsx | 2 +- .../components/RecordBoardColumnNewButton.tsx | 2 +- .../RecordBoardColumnNewOpportunityButton.tsx | 2 +- .../hooks/__tests__/useGetButtonIcon.test.tsx | 2 +- .../record-field/hooks/useGetButtonIcon.ts | 2 +- .../RecordIndexOptionsDropdownContent.tsx | 12 ++++++------ .../RecordDetailRelationRecordsListItem.tsx | 2 +- .../components/RecordDetailRelationSection.tsx | 2 +- .../components/RecordTableColumnDropdownMenu.tsx | 2 +- .../components/RecordTableHeader.tsx | 2 +- .../components/RecordTableHeaderCell.tsx | 2 +- .../RecordTableHeaderPlusButtonContent.tsx | 2 +- .../components/RecordTableWithWrappers.tsx | 2 +- .../components/RecordTableCellContainer.tsx | 2 +- .../components/RelationPicker.tsx | 2 +- .../components/SingleEntitySelectMenuItems.tsx | 2 +- .../__stories__/SingleEntitySelect.stories.tsx | 2 +- ...rdBoardColumnDefinitionsFromObjectMetadata.ts | 3 ++- .../SettingsAccountsCalendarChannelsListCard.tsx | 2 +- .../SettingsAccountsEmailsBlocklistTableRow.tsx | 3 ++- .../SettingsAccountsMessageChannelsListCard.tsx | 2 +- .../SettingsAccountsRowDropdownMenu.tsx | 2 +- .../SettingsAccountsSettingsSection.tsx | 2 +- .../SaveAndCancelButtons/SaveButton.tsx | 3 ++- .../settings/components/SettingsListCard.tsx | 2 +- .../components/SettingsNavigationCard.tsx | 3 +-- .../components/SettingsNavigationDrawerItems.tsx | 14 +++++++------- .../components/SettingsDataModelDefaultValue.tsx | 2 +- .../components/SettingsObjectFieldSelectForm.tsx | 2 +- .../SettingsObjectFieldSelectFormOptionRow.tsx | 8 ++++---- .../data-model/constants/RelationTypes.ts | 3 ++- .../constants/SettingsFieldCurrencyCodes.ts | 5 +++-- .../constants/SettingsFieldTypeConfigs.ts | 9 +++++---- .../components/SettingsObjectAboutSection.tsx | 2 +- .../SettingsObjectFieldActiveActionDropdown.tsx | 3 ++- ...SettingsObjectFieldDisabledActionDropdown.tsx | 3 ++- .../objects/SettingsObjectCoverImage.tsx | 2 +- .../SettingsObjectInactiveMenuDropDown.tsx | 3 ++- .../SettingsDataModelObjectIdentifiersForm.tsx | 2 +- .../developers/components/ApiKeyInput.tsx | 2 +- .../SettingsApiKeysFieldItemTableRow.tsx | 2 +- .../SettingsDevelopersWebhookTableRow.tsx | 2 +- .../SettingsReadDocumentationButton.tsx | 3 ++- .../components/SettingsIntegrationComponent.tsx | 3 +-- .../SettingsIntegrationDatabasesListCard.tsx | 2 +- .../components/SignInBackgroundMockPage.tsx | 2 +- .../components/ModalCloseButton.tsx | 2 +- .../components/TemplateColumn.tsx | 2 +- .../components/ValidationStep/ValidationStep.tsx | 2 +- .../modules/support/components/SupportChat.tsx | 2 +- .../display/checkmark/components/Checkmark.tsx | 3 +-- .../display/icon/components/IconAddressBook.tsx | 2 +- .../display/icon/components/IconTwentyStar.tsx | 2 +- .../icon/components/IconTwentyStarFilled.tsx | 2 +- .../icon/hooks/__tests__/useIcons.test.ts | 2 +- .../modules/ui/display/icon/hooks/useIcons.ts | 2 +- .../modules/ui/display/info/components/Info.tsx | 2 +- .../snack-bar-manager/components/SnackBar.tsx | 2 +- .../ui/field/input/components/BooleanInput.tsx | 3 +-- .../components/__stories__/Button.stories.tsx | 2 +- .../__stories__/ButtonGroup.stories.tsx | 2 +- .../__stories__/FloatingButton.stories.tsx | 2 +- .../__stories__/FloatingButtonGroup.stories.tsx | 2 +- .../__stories__/FloatingIconButton.stories.tsx | 2 +- .../FloatingIconButtonGroup.stories.tsx | 2 +- .../__stories__/IconButton.stories.tsx | 2 +- .../__stories__/IconButtonGroup.stories.tsx | 2 +- .../__stories__/LightButton.stories.tsx | 2 +- .../__stories__/LightIconButton.stories.tsx | 2 +- .../__stories__/MainButton.stories.tsx | 2 +- .../__stories__/RoundedIconButton.stories.tsx | 2 +- .../ui/input/components/AutosizeTextInput.tsx | 2 +- .../src/modules/ui/input/components/Checkbox.tsx | 3 +-- .../modules/ui/input/components/IconPicker.tsx | 2 +- .../modules/ui/input/components/ImageInput.tsx | 7 +------ .../src/modules/ui/input/components/Select.tsx | 2 +- .../modules/ui/input/components/TextInput.tsx | 3 +-- .../components/CurrencyPickerDropdownButton.tsx | 2 +- .../date/components/InternalDatePicker.tsx | 2 +- .../PhoneCountryPickerDropdownButton.tsx | 2 +- .../input/hooks/__tests__/useIconPicker.test.tsx | 2 +- .../modules/ui/input/states/iconPickerState.ts | 3 ++- .../__stories__/DraggableItem.stories.tsx | 2 +- .../__stories__/DraggableList.stories.tsx | 2 +- .../src/modules/ui/layout/page/PageAddButton.tsx | 3 ++- .../ui/layout/page/PageFavoriteButton.tsx | 3 ++- .../src/modules/ui/layout/page/PageHeader.tsx | 2 +- .../components/RightDrawerTopBarCloseButton.tsx | 3 ++- .../components/RightDrawerTopBarExpandButton.tsx | 4 ++-- .../show-page/components/ShowPageAddButton.tsx | 2 +- .../show-page/components/ShowPageMoreButton.tsx | 2 +- .../components/ShowPageRightContainer.tsx | 16 ++++++++-------- .../tab/components/__stories__/Tab.stories.tsx | 2 +- .../components/__stories__/Tablist.stories.tsx | 2 +- .../ui/layout/table/components/TableSection.tsx | 3 +-- .../action-bar/components/ActionBarItem.tsx | 2 +- .../link/components/GithubVersionLink.tsx | 2 +- .../menu-item/components/MenuItemNavigate.tsx | 2 +- .../menu-item/components/MenuItemSelect.tsx | 2 +- .../components/MenuItemSelectAvatar.tsx | 2 +- .../menu-item/components/MenuItemSelectColor.tsx | 2 +- .../menu-item/components/MenuItemSelectTag.tsx | 2 +- .../components/__stories__/MenuItem.stories.tsx | 2 +- .../__stories__/MenuItemCommand.stories.tsx | 2 +- .../__stories__/MenuItemDraggable.stories.tsx | 2 +- .../__stories__/MenuItemMultiSelect.stories.tsx | 2 +- .../__stories__/MenuItemNavigate.stories.tsx | 2 +- .../__stories__/MenuItemSelect.stories.tsx | 2 +- .../__stories__/MenuItemToggle.stories.tsx | 2 +- .../internals/components/MenuItemLeftContent.tsx | 2 +- .../__stories__/NavigationBar.stories.tsx | 7 +------ .../components/MultiWorkspaceDropdownButton.tsx | 2 +- .../components/NavigationDrawerBackButton.tsx | 2 +- .../NavigationDrawerCollapseButton.tsx | 4 ++-- .../__stories__/NavigationDrawer.stories.tsx | 10 +++++----- .../__stories__/NavigationDrawerItem.stories.tsx | 2 +- .../views/components/EditableSortChip.tsx | 3 ++- .../views/components/SortOrFilterChip.tsx | 2 +- .../views/components/UpdateViewButtonGroup.tsx | 2 +- .../ViewFieldsVisibilityDropdownSection.tsx | 3 +-- .../components/ViewPickerCreateOrEditContent.tsx | 2 +- .../components/ViewPickerDropdown.tsx | 2 +- .../components/ViewPickerListContent.tsx | 2 +- .../workspace/components/WorkspaceInviteLink.tsx | 2 +- .../src/pages/auth/PaymentSuccess.tsx | 2 +- .../src/pages/object-record/RecordShowPage.tsx | 2 +- .../src/pages/settings/SettingsAppearance.tsx | 2 +- .../src/pages/settings/SettingsBilling.tsx | 8 ++++++-- .../src/pages/settings/SettingsProfile.tsx | 2 +- .../src/pages/settings/SettingsWorkspace.tsx | 2 +- .../pages/settings/SettingsWorkspaceMembers.tsx | 2 +- .../pages/settings/accounts/SettingsAccounts.tsx | 2 +- .../accounts/SettingsAccountsCalendars.tsx | 2 +- .../SettingsAccountsCalendarsSettings.tsx | 2 +- .../settings/accounts/SettingsAccountsEmails.tsx | 3 ++- .../SettingsAccountsEmailsInboxSettings.tsx | 2 +- .../settings/accounts/SettingsNewAccount.tsx | 3 ++- .../settings/data-model/SettingsNewObject.tsx | 2 +- .../settings/data-model/SettingsObjectDetail.tsx | 2 +- .../settings/data-model/SettingsObjectEdit.tsx | 2 +- .../data-model/SettingsObjectFieldEdit.tsx | 2 +- .../SettingsObjectNewFieldStep1.tsx | 2 +- .../SettingsObjectNewFieldStep2.tsx | 2 +- .../settings/data-model/SettingsObjects.tsx | 2 +- .../settings/developers/SettingsDevelopers.tsx | 2 +- .../api-keys/SettingsDevelopersApiKeyDetail.tsx | 2 +- .../api-keys/SettingsDevelopersApiKeysNew.tsx | 2 +- .../webhooks/SettingsDevelopersWebhookDetail.tsx | 2 +- .../webhooks/SettingsDevelopersWebhooksNew.tsx | 2 +- .../integrations/SettingsIntegrationDetail.tsx | 2 +- .../SettingsIntegrationNewDatabase.tsx | 2 +- .../integrations/SettingsIntegrations.tsx | 3 ++- packages/twenty-front/src/pages/tasks/Tasks.tsx | 2 +- .../src/pages/tasks/tasks-filter-definitions.tsx | 3 ++- .../src/display/icon/components/TablerIcons.ts} | 0 packages/twenty-ui/src/display/index.ts | 1 + packages/twenty-ui/src/index.ts | 1 + 199 files changed, 266 insertions(+), 279 deletions(-) rename packages/{twenty-front/src/modules/ui/display/icon/index.ts => twenty-ui/src/display/icon/components/TablerIcons.ts} (100%) create mode 100644 packages/twenty-ui/src/display/index.ts diff --git a/packages/twenty-front/src/effect-components/PageChangeEffect.tsx b/packages/twenty-front/src/effect-components/PageChangeEffect.tsx index 678223767..ea0b1a2e4 100644 --- a/packages/twenty-front/src/effect-components/PageChangeEffect.tsx +++ b/packages/twenty-front/src/effect-components/PageChangeEffect.tsx @@ -1,6 +1,7 @@ import { useEffect, useState } from 'react'; import { matchPath, useLocation, useNavigate } from 'react-router-dom'; import { useRecoilValue } from 'recoil'; +import { IconCheckbox } from 'twenty-ui'; import { useOpenCreateActivityDrawer } from '@/activities/hooks/useOpenCreateActivityDrawer'; import { useEventTracker } from '@/analytics/hooks/useEventTracker'; @@ -14,7 +15,6 @@ import { AppBasePath } from '@/types/AppBasePath'; import { AppPath } from '@/types/AppPath'; import { PageHotkeyScope } from '@/types/PageHotkeyScope'; import { SettingsPath } from '@/types/SettingsPath'; -import { IconCheckbox } from '@/ui/display/icon'; import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar'; import { useSetHotkeyScope } from '@/ui/utilities/hotkey/hooks/useSetHotkeyScope'; import { useGetWorkspaceFromInviteHashLazyQuery } from '~/generated/graphql'; diff --git a/packages/twenty-front/src/modules/activities/blocks/slashMenu.tsx b/packages/twenty-front/src/modules/activities/blocks/slashMenu.tsx index 6689d1aa8..8db3376e8 100644 --- a/packages/twenty-front/src/modules/activities/blocks/slashMenu.tsx +++ b/packages/twenty-front/src/modules/activities/blocks/slashMenu.tsx @@ -1,5 +1,4 @@ import { getDefaultReactSlashMenuItems } from '@blocknote/react'; - import { IconFile, IconH1, @@ -10,7 +9,8 @@ import { IconPhoto, IconPilcrow, IconTable, -} from '@/ui/display/icon'; +} from 'twenty-ui'; + import { IconComponent } from '@/ui/display/icon/types/IconComponent'; import { SuggestionItem } from '@/ui/input/editor/components/CustomSlashMenu'; diff --git a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventDetails.tsx b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventDetails.tsx index 1e47f4db0..393b17971 100644 --- a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventDetails.tsx +++ b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventDetails.tsx @@ -1,5 +1,6 @@ import { css, useTheme } from '@emotion/react'; import styled from '@emotion/styled'; +import { IconCalendarEvent } from 'twenty-ui'; import { CalendarEvent } from '@/activities/calendar/types/CalendarEvent'; import { useObjectMetadataItemOnly } from '@/object-metadata/hooks/useObjectMetadataItemOnly'; @@ -14,7 +15,6 @@ import { ChipSize, ChipVariant, } from '@/ui/display/chip/components/Chip'; -import { IconCalendarEvent } from '@/ui/display/icon'; import { mapArrayToObject } from '~/utils/array/mapArrayToObject'; import { beautifyPastDateRelativeToNow } from '~/utils/date-utils'; diff --git a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventRow.tsx b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventRow.tsx index c4d279f3a..8a8733b37 100644 --- a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventRow.tsx +++ b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventRow.tsx @@ -3,6 +3,7 @@ import { css, useTheme } from '@emotion/react'; import styled from '@emotion/styled'; import { format } from 'date-fns'; import { useRecoilValue } from 'recoil'; +import { IconArrowRight, IconLock } from 'twenty-ui'; import { CalendarCurrentEventCursor } from '@/activities/calendar/components/CalendarCurrentEventCursor'; import { CalendarContext } from '@/activities/calendar/contexts/CalendarContext'; @@ -11,7 +12,6 @@ import { getCalendarEventEndDate } from '@/activities/calendar/utils/getCalendar import { getCalendarEventStartDate } from '@/activities/calendar/utils/getCalendarEventStartDate'; import { hasCalendarEventEnded } from '@/activities/calendar/utils/hasCalendarEventEnded'; import { currentWorkspaceMemberState } from '@/auth/states/currentWorkspaceMemberState'; -import { IconArrowRight, IconLock } from '@/ui/display/icon'; import { Card } from '@/ui/layout/card/components/Card'; import { CardContent } from '@/ui/layout/card/components/CardContent'; import { Avatar } from '@/users/components/Avatar'; diff --git a/packages/twenty-front/src/modules/activities/comment/CommentCounter.tsx b/packages/twenty-front/src/modules/activities/comment/CommentCounter.tsx index 52274fdf5..29abcea3a 100644 --- a/packages/twenty-front/src/modules/activities/comment/CommentCounter.tsx +++ b/packages/twenty-front/src/modules/activities/comment/CommentCounter.tsx @@ -1,8 +1,7 @@ import React from 'react'; import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; - -import { IconComment } from '@/ui/display/icon'; +import { IconComment } from 'twenty-ui'; const StyledCommentIcon = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/activities/components/ActivityTypeDropdown.tsx b/packages/twenty-front/src/modules/activities/components/ActivityTypeDropdown.tsx index d1b927e35..40015fee5 100644 --- a/packages/twenty-front/src/modules/activities/components/ActivityTypeDropdown.tsx +++ b/packages/twenty-front/src/modules/activities/components/ActivityTypeDropdown.tsx @@ -1,5 +1,6 @@ import { useTheme } from '@emotion/react'; import { useRecoilState } from 'recoil'; +import { IconCheckbox, IconNotes } from 'twenty-ui'; import { recordStoreFamilyState } from '@/object-record/record-store/states/recordStoreFamilyState'; import { @@ -8,7 +9,6 @@ import { ChipSize, ChipVariant, } from '@/ui/display/chip/components/Chip'; -import { IconCheckbox, IconNotes } from '@/ui/display/icon'; type ActivityTypeDropdownProps = { activityId: string; diff --git a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadBottomBar.tsx b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadBottomBar.tsx index 017483281..c010da2cd 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadBottomBar.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadBottomBar.tsx @@ -1,6 +1,6 @@ import styled from '@emotion/styled'; +import { IconArrowBackUp, IconUserCircle } from 'twenty-ui'; -import { IconArrowBackUp, IconUserCircle } from '@/ui/display/icon'; import { Button } from '@/ui/input/button/components/Button'; const StyledThreadBottomBar = styled.div` diff --git a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadHeader.tsx b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadHeader.tsx index e5d53542e..2dcc73c58 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadHeader.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadHeader.tsx @@ -1,6 +1,6 @@ import styled from '@emotion/styled'; +import { IconMail } from 'twenty-ui'; -import { IconMail } from '@/ui/display/icon'; import { Tag } from '@/ui/display/tag/components/Tag'; import { beautifyPastDateRelativeToNow } from '~/utils/date-utils'; diff --git a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadNotShared.tsx b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadNotShared.tsx index 1768956ca..87623cb0e 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailThreadNotShared.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailThreadNotShared.tsx @@ -1,7 +1,6 @@ import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; - -import { IconLock } from '@/ui/display/icon'; +import { IconLock } from 'twenty-ui'; const StyledContainer = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/activities/events/components/EventRow.tsx b/packages/twenty-front/src/modules/activities/events/components/EventRow.tsx index b392d3961..581d9120c 100644 --- a/packages/twenty-front/src/modules/activities/events/components/EventRow.tsx +++ b/packages/twenty-front/src/modules/activities/events/components/EventRow.tsx @@ -1,14 +1,10 @@ import { Tooltip } from 'react-tooltip'; import styled from '@emotion/styled'; +import { IconCirclePlus, IconEditCircle, IconFocusCentered } from 'twenty-ui'; import { EventUpdateProperty } from '@/activities/events/components/EventUpdateProperty'; import { Event } from '@/activities/events/types/Event'; import { ActivityTargetableObject } from '@/activities/types/ActivityTargetableEntity'; -import { - IconCirclePlus, - IconEditCircle, - IconFocusCentered, -} from '@/ui/display/icon'; import { useIsMobile } from '@/ui/utilities/responsive/hooks/useIsMobile'; import { beautifyExactDateTime, diff --git a/packages/twenty-front/src/modules/activities/events/components/EventUpdateProperty.tsx b/packages/twenty-front/src/modules/activities/events/components/EventUpdateProperty.tsx index 2b9c998e0..cbeb157e2 100644 --- a/packages/twenty-front/src/modules/activities/events/components/EventUpdateProperty.tsx +++ b/packages/twenty-front/src/modules/activities/events/components/EventUpdateProperty.tsx @@ -1,7 +1,6 @@ import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; - -import { IconArrowRight } from '@/ui/display/icon'; +import { IconArrowRight } from 'twenty-ui'; type EventUpdatePropertyProps = { propertyName: string; diff --git a/packages/twenty-front/src/modules/activities/files/components/AttachmentDropdown.tsx b/packages/twenty-front/src/modules/activities/files/components/AttachmentDropdown.tsx index 33aebff64..884c43c81 100644 --- a/packages/twenty-front/src/modules/activities/files/components/AttachmentDropdown.tsx +++ b/packages/twenty-front/src/modules/activities/files/components/AttachmentDropdown.tsx @@ -1,4 +1,5 @@ -import { IconDotsVertical, IconDownload, IconTrash } from '@/ui/display/icon'; +import { IconDotsVertical, IconDownload, IconTrash } from 'twenty-ui'; + import { LightIconButton } from '@/ui/input/button/components/LightIconButton'; import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown'; import { DropdownMenu } from '@/ui/layout/dropdown/components/DropdownMenu'; diff --git a/packages/twenty-front/src/modules/activities/files/components/AttachmentIcon.tsx b/packages/twenty-front/src/modules/activities/files/components/AttachmentIcon.tsx index aaf8232cb..5061ab65f 100644 --- a/packages/twenty-front/src/modules/activities/files/components/AttachmentIcon.tsx +++ b/packages/twenty-front/src/modules/activities/files/components/AttachmentIcon.tsx @@ -1,7 +1,5 @@ import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; - -import { AttachmentType } from '@/activities/files/types/Attachment'; import { IconFile, IconFileText, @@ -11,7 +9,9 @@ import { IconPresentation, IconTable, IconVideo, -} from '@/ui/display/icon'; +} from 'twenty-ui'; + +import { AttachmentType } from '@/activities/files/types/Attachment'; import { IconComponent } from '@/ui/display/icon/types/IconComponent'; const StyledIconContainer = styled.div<{ background: string }>` diff --git a/packages/twenty-front/src/modules/activities/files/components/AttachmentRow.tsx b/packages/twenty-front/src/modules/activities/files/components/AttachmentRow.tsx index 4aac69cb7..30485c7f4 100644 --- a/packages/twenty-front/src/modules/activities/files/components/AttachmentRow.tsx +++ b/packages/twenty-front/src/modules/activities/files/components/AttachmentRow.tsx @@ -1,6 +1,7 @@ import { useMemo } from 'react'; import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; +import { IconCalendar } from 'twenty-ui'; import { AttachmentDropdown } from '@/activities/files/components/AttachmentDropdown'; import { AttachmentIcon } from '@/activities/files/components/AttachmentIcon'; @@ -12,7 +13,6 @@ import { FieldContext, GenericFieldContextType, } from '@/object-record/record-field/contexts/FieldContext'; -import { IconCalendar } from '@/ui/display/icon'; import { REACT_APP_SERVER_BASE_URL } from '~/config'; import { formatToHumanReadableDate } from '~/utils'; diff --git a/packages/twenty-front/src/modules/activities/files/components/Attachments.tsx b/packages/twenty-front/src/modules/activities/files/components/Attachments.tsx index b09da6f15..aacc0ec6a 100644 --- a/packages/twenty-front/src/modules/activities/files/components/Attachments.tsx +++ b/packages/twenty-front/src/modules/activities/files/components/Attachments.tsx @@ -1,13 +1,13 @@ import { ChangeEvent, useRef, useState } from 'react'; import styled from '@emotion/styled'; import { isNonEmptyArray } from '@sniptt/guards'; +import { IconPlus } from 'twenty-ui'; import { AttachmentList } from '@/activities/files/components/AttachmentList'; import { DropZone } from '@/activities/files/components/DropZone'; import { useAttachments } from '@/activities/files/hooks/useAttachments'; import { useUploadAttachmentFile } from '@/activities/files/hooks/useUploadAttachmentFile'; import { ActivityTargetableObject } from '@/activities/types/ActivityTargetableEntity'; -import { IconPlus } from '@/ui/display/icon'; import { Button } from '@/ui/input/button/components/Button'; import AnimatedPlaceholder from '@/ui/layout/animated-placeholder/components/AnimatedPlaceholder'; import { diff --git a/packages/twenty-front/src/modules/activities/files/components/DropZone.tsx b/packages/twenty-front/src/modules/activities/files/components/DropZone.tsx index e1068d489..7fa8cf1ab 100644 --- a/packages/twenty-front/src/modules/activities/files/components/DropZone.tsx +++ b/packages/twenty-front/src/modules/activities/files/components/DropZone.tsx @@ -1,9 +1,9 @@ import { useDropzone } from 'react-dropzone'; import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; +import { IconUpload } from 'twenty-ui'; import { useSpreadsheetImportInternal } from '@/spreadsheet-import/hooks/useSpreadsheetImportInternal'; -import { IconUpload } from '@/ui/display/icon'; const StyledContainer = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/activities/inline-cell/components/ActivityTargetsInlineCell.tsx b/packages/twenty-front/src/modules/activities/inline-cell/components/ActivityTargetsInlineCell.tsx index e63787053..0ba763525 100644 --- a/packages/twenty-front/src/modules/activities/inline-cell/components/ActivityTargetsInlineCell.tsx +++ b/packages/twenty-front/src/modules/activities/inline-cell/components/ActivityTargetsInlineCell.tsx @@ -1,4 +1,5 @@ import { Key } from 'ts-key-enum'; +import { IconArrowUpRight, IconPencil } from 'twenty-ui'; import { ActivityTargetChips } from '@/activities/components/ActivityTargetChips'; import { useActivityTargetObjectRecords } from '@/activities/hooks/useActivityTargetObjectRecords'; @@ -8,7 +9,6 @@ import { ActivityEditorHotkeyScope } from '@/activities/types/ActivityEditorHotk import { RecordFieldInputScope } from '@/object-record/record-field/scopes/RecordFieldInputScope'; import { RecordInlineCellContainer } from '@/object-record/record-inline-cell/components/RecordInlineCellContainer'; import { useInlineCell } from '@/object-record/record-inline-cell/hooks/useInlineCell'; -import { IconArrowUpRight, IconPencil } from '@/ui/display/icon'; import { useScopedHotkeys } from '@/ui/utilities/hotkey/hooks/useScopedHotkeys'; type ActivityTargetsInlineCellProps = { diff --git a/packages/twenty-front/src/modules/activities/notes/components/NoteCard.tsx b/packages/twenty-front/src/modules/activities/notes/components/NoteCard.tsx index 323546127..3ae87c635 100644 --- a/packages/twenty-front/src/modules/activities/notes/components/NoteCard.tsx +++ b/packages/twenty-front/src/modules/activities/notes/components/NoteCard.tsx @@ -1,6 +1,7 @@ import { useMemo } from 'react'; import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; +import { IconComment } from 'twenty-ui'; import { useOpenActivityRightDrawer } from '@/activities/hooks/useOpenActivityRightDrawer'; import { ActivityTargetsInlineCell } from '@/activities/inline-cell/components/ActivityTargetsInlineCell'; @@ -10,7 +11,6 @@ import { FieldContext, GenericFieldContextType, } from '@/object-record/record-field/contexts/FieldContext'; -import { IconComment } from '@/ui/display/icon'; const StyledCard = styled.div<{ isSingleNote: boolean }>` align-items: flex-start; diff --git a/packages/twenty-front/src/modules/activities/notes/components/Notes.tsx b/packages/twenty-front/src/modules/activities/notes/components/Notes.tsx index 120ac4c63..88956be73 100644 --- a/packages/twenty-front/src/modules/activities/notes/components/Notes.tsx +++ b/packages/twenty-front/src/modules/activities/notes/components/Notes.tsx @@ -1,10 +1,10 @@ import styled from '@emotion/styled'; +import { IconPlus } from 'twenty-ui'; import { useOpenCreateActivityDrawer } from '@/activities/hooks/useOpenCreateActivityDrawer'; import { NoteList } from '@/activities/notes/components/NoteList'; import { useNotes } from '@/activities/notes/hooks/useNotes'; import { ActivityTargetableObject } from '@/activities/types/ActivityTargetableEntity'; -import { IconPlus } from '@/ui/display/icon'; import { Button } from '@/ui/input/button/components/Button'; import AnimatedPlaceholder from '@/ui/layout/animated-placeholder/components/AnimatedPlaceholder'; import { diff --git a/packages/twenty-front/src/modules/activities/right-drawer/components/ActivityActionBar.tsx b/packages/twenty-front/src/modules/activities/right-drawer/components/ActivityActionBar.tsx index 874598a78..c374ab1e1 100644 --- a/packages/twenty-front/src/modules/activities/right-drawer/components/ActivityActionBar.tsx +++ b/packages/twenty-front/src/modules/activities/right-drawer/components/ActivityActionBar.tsx @@ -1,6 +1,7 @@ import styled from '@emotion/styled'; import { isNonEmptyArray, isNonEmptyString } from '@sniptt/guards'; import { useRecoilCallback, useRecoilState, useRecoilValue } from 'recoil'; +import { IconPlus, IconTrash } from 'twenty-ui'; import { useOpenCreateActivityDrawer } from '@/activities/hooks/useOpenCreateActivityDrawer'; import { useRefreshShowPageFindManyActivitiesQueries } from '@/activities/hooks/useRefreshShowPageFindManyActivitiesQueries'; @@ -20,7 +21,6 @@ import { useDeleteOneRecord } from '@/object-record/hooks/useDeleteOneRecord'; import { recordStoreFamilyState } from '@/object-record/record-store/states/recordStoreFamilyState'; import { getChildRelationArray } from '@/object-record/utils/getChildRelationArray'; import { mapToRecordId } from '@/object-record/utils/mapToObjectId'; -import { IconPlus, IconTrash } from '@/ui/display/icon'; import { IconButton } from '@/ui/input/button/components/IconButton'; import { isRightDrawerOpenState } from '@/ui/layout/right-drawer/states/isRightDrawerOpenState'; import { isDefined } from '~/utils/isDefined'; diff --git a/packages/twenty-front/src/modules/activities/table/components/CommentChip.tsx b/packages/twenty-front/src/modules/activities/table/components/CommentChip.tsx index 2c64c650d..66b30d107 100644 --- a/packages/twenty-front/src/modules/activities/table/components/CommentChip.tsx +++ b/packages/twenty-front/src/modules/activities/table/components/CommentChip.tsx @@ -1,7 +1,6 @@ import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; - -import { IconComment } from '@/ui/display/icon'; +import { IconComment } from 'twenty-ui'; export type CommentChipProps = { count: number; diff --git a/packages/twenty-front/src/modules/activities/tasks/components/AddTaskButton.tsx b/packages/twenty-front/src/modules/activities/tasks/components/AddTaskButton.tsx index 3c02ddb29..8dfacead3 100644 --- a/packages/twenty-front/src/modules/activities/tasks/components/AddTaskButton.tsx +++ b/packages/twenty-front/src/modules/activities/tasks/components/AddTaskButton.tsx @@ -1,8 +1,8 @@ import { isNonEmptyArray } from '@sniptt/guards'; +import { IconPlus } from 'twenty-ui'; import { useOpenCreateActivityDrawer } from '@/activities/hooks/useOpenCreateActivityDrawer'; import { ActivityTargetableObject } from '@/activities/types/ActivityTargetableEntity'; -import { IconPlus } from '@/ui/display/icon'; import { Button } from '@/ui/input/button/components/Button'; export const AddTaskButton = ({ diff --git a/packages/twenty-front/src/modules/activities/tasks/components/TaskGroups.tsx b/packages/twenty-front/src/modules/activities/tasks/components/TaskGroups.tsx index 3d1ad6a43..4a52b3969 100644 --- a/packages/twenty-front/src/modules/activities/tasks/components/TaskGroups.tsx +++ b/packages/twenty-front/src/modules/activities/tasks/components/TaskGroups.tsx @@ -1,11 +1,11 @@ import styled from '@emotion/styled'; import { useRecoilValue } from 'recoil'; +import { IconPlus } from 'twenty-ui'; import { useOpenCreateActivityDrawer } from '@/activities/hooks/useOpenCreateActivityDrawer'; import { TASKS_TAB_LIST_COMPONENT_ID } from '@/activities/tasks/constants/TasksTabListComponentId'; import { useTasks } from '@/activities/tasks/hooks/useTasks'; import { ActivityTargetableObject } from '@/activities/types/ActivityTargetableEntity'; -import { IconPlus } from '@/ui/display/icon'; import { Button } from '@/ui/input/button/components/Button'; import AnimatedPlaceholder from '@/ui/layout/animated-placeholder/components/AnimatedPlaceholder'; import { diff --git a/packages/twenty-front/src/modules/activities/tasks/components/TaskRow.tsx b/packages/twenty-front/src/modules/activities/tasks/components/TaskRow.tsx index 62c552c8e..e8655637a 100644 --- a/packages/twenty-front/src/modules/activities/tasks/components/TaskRow.tsx +++ b/packages/twenty-front/src/modules/activities/tasks/components/TaskRow.tsx @@ -1,12 +1,12 @@ import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; +import { IconCalendar, IconComment } from 'twenty-ui'; import { ActivityTargetChips } from '@/activities/components/ActivityTargetChips'; import { useActivityTargetObjectRecords } from '@/activities/hooks/useActivityTargetObjectRecords'; import { useOpenActivityRightDrawer } from '@/activities/hooks/useOpenActivityRightDrawer'; import { Activity } from '@/activities/types/Activity'; import { getActivitySummary } from '@/activities/utils/getActivitySummary'; -import { IconCalendar, IconComment } from '@/ui/display/icon'; import { OverflowingTextWithTooltip } from '@/ui/display/tooltip/OverflowingTextWithTooltip'; import { Checkbox, CheckboxShape } from '@/ui/input/components/Checkbox'; import { beautifyExactDate, hasDatePassed } from '~/utils/date-utils'; diff --git a/packages/twenty-front/src/modules/activities/timeline/components/TimelineActivity.tsx b/packages/twenty-front/src/modules/activities/timeline/components/TimelineActivity.tsx index d06c79fff..5ff634826 100644 --- a/packages/twenty-front/src/modules/activities/timeline/components/TimelineActivity.tsx +++ b/packages/twenty-front/src/modules/activities/timeline/components/TimelineActivity.tsx @@ -2,11 +2,11 @@ import { Tooltip } from 'react-tooltip'; import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; import { useRecoilValue } from 'recoil'; +import { IconCheckbox, IconNotes } from 'twenty-ui'; import { useOpenActivityRightDrawer } from '@/activities/hooks/useOpenActivityRightDrawer'; import { timelineActivityWithoutTargetsFamilyState } from '@/activities/timeline/states/timelineActivityWithoutTargetsFamilyState'; import { recordStoreFamilyState } from '@/object-record/record-store/states/recordStoreFamilyState'; -import { IconCheckbox, IconNotes } from '@/ui/display/icon'; import { useIsMobile } from '@/ui/utilities/responsive/hooks/useIsMobile'; import { Avatar } from '@/users/components/Avatar'; import { diff --git a/packages/twenty-front/src/modules/activities/timeline/components/TimelineCreateButtonGroup.tsx b/packages/twenty-front/src/modules/activities/timeline/components/TimelineCreateButtonGroup.tsx index e53b9ddd8..0085e4c21 100644 --- a/packages/twenty-front/src/modules/activities/timeline/components/TimelineCreateButtonGroup.tsx +++ b/packages/twenty-front/src/modules/activities/timeline/components/TimelineCreateButtonGroup.tsx @@ -1,13 +1,9 @@ import { useSetRecoilState } from 'recoil'; import { Button, ButtonGroup } from 'tsup.ui.index'; +import { IconCheckbox, IconNotes, IconPaperclip } from 'twenty-ui'; import { useOpenCreateActivityDrawer } from '@/activities/hooks/useOpenCreateActivityDrawer'; import { ActivityTargetableObject } from '@/activities/types/ActivityTargetableEntity'; -import { - IconCheckbox, - IconNotes, - IconPaperclip, -} from '@/ui/display/icon/index'; import { TAB_LIST_COMPONENT_ID } from '@/ui/layout/show-page/components/ShowPageRightContainer'; import { useTabList } from '@/ui/layout/tab/hooks/useTabList'; diff --git a/packages/twenty-front/src/modules/billing/components/SubscriptionBenefit.tsx b/packages/twenty-front/src/modules/billing/components/SubscriptionBenefit.tsx index 490d8f304..f4feac748 100644 --- a/packages/twenty-front/src/modules/billing/components/SubscriptionBenefit.tsx +++ b/packages/twenty-front/src/modules/billing/components/SubscriptionBenefit.tsx @@ -1,8 +1,7 @@ import React from 'react'; import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; - -import { IconCheck } from '@/ui/display/icon'; +import { IconCheck } from 'twenty-ui'; const StyledBenefitContainer = styled.div` color: ${({ theme }) => theme.font.color.secondary}; diff --git a/packages/twenty-front/src/modules/command-menu/components/CommandMenu.tsx b/packages/twenty-front/src/modules/command-menu/components/CommandMenu.tsx index b7f281eb1..a177a4a79 100644 --- a/packages/twenty-front/src/modules/command-menu/components/CommandMenu.tsx +++ b/packages/twenty-front/src/modules/command-menu/components/CommandMenu.tsx @@ -3,6 +3,7 @@ import styled from '@emotion/styled'; import { isNonEmptyString } from '@sniptt/guards'; import { useRecoilState, useRecoilValue } from 'recoil'; import { Key } from 'ts-key-enum'; +import { IconNotes } from 'twenty-ui'; import { useOpenActivityRightDrawer } from '@/activities/hooks/useOpenActivityRightDrawer'; import { Activity } from '@/activities/types/Activity'; @@ -13,7 +14,6 @@ import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSi import { useFindManyRecords } from '@/object-record/hooks/useFindManyRecords'; import { makeOrFilterVariables } from '@/object-record/utils/makeOrFilterVariables'; import { Person } from '@/people/types/Person'; -import { IconNotes } from '@/ui/display/icon'; import { SelectableItem } from '@/ui/layout/selectable-list/components/SelectableItem'; import { SelectableList } from '@/ui/layout/selectable-list/components/SelectableList'; import { useScopedHotkeys } from '@/ui/utilities/hotkey/hooks/useScopedHotkeys'; diff --git a/packages/twenty-front/src/modules/command-menu/components/CommandMenuItem.tsx b/packages/twenty-front/src/modules/command-menu/components/CommandMenuItem.tsx index 9c84e6601..e19cea309 100644 --- a/packages/twenty-front/src/modules/command-menu/components/CommandMenuItem.tsx +++ b/packages/twenty-front/src/modules/command-menu/components/CommandMenuItem.tsx @@ -1,7 +1,7 @@ import { isNonEmptyString } from '@sniptt/guards'; import { useRecoilValue } from 'recoil'; +import { IconArrowUpRight } from 'twenty-ui'; -import { IconArrowUpRight } from '@/ui/display/icon'; import { IconComponent } from '@/ui/display/icon/types/IconComponent'; import { useSelectableList } from '@/ui/layout/selectable-list/hooks/useSelectableList'; import { MenuItemCommand } from '@/ui/navigation/menu-item/components/MenuItemCommand'; diff --git a/packages/twenty-front/src/modules/command-menu/components/__stories__/CommandMenu.stories.tsx b/packages/twenty-front/src/modules/command-menu/components/__stories__/CommandMenu.stories.tsx index 6cf5c7fbf..802c7e71d 100644 --- a/packages/twenty-front/src/modules/command-menu/components/__stories__/CommandMenu.stories.tsx +++ b/packages/twenty-front/src/modules/command-menu/components/__stories__/CommandMenu.stories.tsx @@ -2,12 +2,12 @@ import { useEffect } from 'react'; import { Meta, StoryObj } from '@storybook/react'; import { expect, userEvent, within } from '@storybook/test'; import { useSetRecoilState } from 'recoil'; +import { IconCheckbox, IconNotes } from 'twenty-ui'; import { currentWorkspaceMemberState } from '@/auth/states/currentWorkspaceMemberState'; import { currentWorkspaceState } from '@/auth/states/currentWorkspaceState'; import { useCommandMenu } from '@/command-menu/hooks/useCommandMenu'; import { CommandType } from '@/command-menu/types/Command'; -import { IconCheckbox, IconNotes } from '@/ui/display/icon'; import { ComponentWithRouterDecorator } from '~/testing/decorators/ComponentWithRouterDecorator'; import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadataItemsDecorator'; import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator'; diff --git a/packages/twenty-front/src/modules/command-menu/constants/CommandMenuCommands.ts b/packages/twenty-front/src/modules/command-menu/constants/CommandMenuCommands.ts index 41fed7020..6cfc55280 100644 --- a/packages/twenty-front/src/modules/command-menu/constants/CommandMenuCommands.ts +++ b/packages/twenty-front/src/modules/command-menu/constants/CommandMenuCommands.ts @@ -4,7 +4,7 @@ import { IconSettings, IconTargetArrow, IconUser, -} from '@/ui/display/icon'; +} from 'twenty-ui'; import { Command, CommandType } from '../types/Command'; diff --git a/packages/twenty-front/src/modules/error-handler/components/GenericErrorFallback.tsx b/packages/twenty-front/src/modules/error-handler/components/GenericErrorFallback.tsx index f482dbd91..939e9ebfb 100644 --- a/packages/twenty-front/src/modules/error-handler/components/GenericErrorFallback.tsx +++ b/packages/twenty-front/src/modules/error-handler/components/GenericErrorFallback.tsx @@ -1,7 +1,7 @@ import { FallbackProps } from 'react-error-boundary'; import { Button } from 'tsup.ui.index'; +import { IconRefresh } from 'twenty-ui'; -import { IconRefresh } from '@/ui/display/icon'; import AnimatedPlaceholder from '@/ui/layout/animated-placeholder/components/AnimatedPlaceholder'; import { AnimatedPlaceholderEmptyContainer, diff --git a/packages/twenty-front/src/modules/keyboard-shortcut-menu/components/KeyboardShortcutMenuDialog.tsx b/packages/twenty-front/src/modules/keyboard-shortcut-menu/components/KeyboardShortcutMenuDialog.tsx index c185d7c8e..80cc5c6b5 100644 --- a/packages/twenty-front/src/modules/keyboard-shortcut-menu/components/KeyboardShortcutMenuDialog.tsx +++ b/packages/twenty-front/src/modules/keyboard-shortcut-menu/components/KeyboardShortcutMenuDialog.tsx @@ -1,4 +1,5 @@ -import { IconX } from '@/ui/display/icon'; +import { IconX } from 'twenty-ui'; + import { IconButton } from '@/ui/input/button/components/IconButton'; import { diff --git a/packages/twenty-front/src/modules/navigation/components/MainNavigationDrawerItems.tsx b/packages/twenty-front/src/modules/navigation/components/MainNavigationDrawerItems.tsx index a7135741e..0067d6cef 100644 --- a/packages/twenty-front/src/modules/navigation/components/MainNavigationDrawerItems.tsx +++ b/packages/twenty-front/src/modules/navigation/components/MainNavigationDrawerItems.tsx @@ -1,17 +1,12 @@ import { useLocation, useNavigate } from 'react-router-dom'; import { useRecoilValue, useSetRecoilState } from 'recoil'; +import { IconCheckbox, IconInbox, IconSearch, IconSettings } from 'twenty-ui'; import { CurrentUserDueTaskCountEffect } from '@/activities/tasks/components/CurrentUserDueTaskCountEffect'; import { currentUserDueTaskCountState } from '@/activities/tasks/states/currentUserTaskCountState'; import { useCommandMenu } from '@/command-menu/hooks/useCommandMenu'; import { Favorites } from '@/favorites/components/Favorites'; import { ObjectMetadataNavItems } from '@/object-metadata/components/ObjectMetadataNavItems'; -import { - IconCheckbox, - IconInbox, - IconSearch, - IconSettings, -} from '@/ui/display/icon'; import { NavigationDrawerItem } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerItem'; import { NavigationDrawerSection } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerSection'; import { NavigationDrawerSectionTitle } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerSectionTitle'; diff --git a/packages/twenty-front/src/modules/navigation/components/MobileNavigationBar.tsx b/packages/twenty-front/src/modules/navigation/components/MobileNavigationBar.tsx index 3680415ba..593f57ff3 100644 --- a/packages/twenty-front/src/modules/navigation/components/MobileNavigationBar.tsx +++ b/packages/twenty-front/src/modules/navigation/components/MobileNavigationBar.tsx @@ -1,15 +1,10 @@ import { useNavigate } from 'react-router-dom'; import { useRecoilState } from 'recoil'; +import { IconCheckbox, IconList, IconSearch, IconSettings } from 'twenty-ui'; import { useCommandMenu } from '@/command-menu/hooks/useCommandMenu'; import { isCommandMenuOpenedState } from '@/command-menu/states/isCommandMenuOpenedState'; import { AppPath } from '@/types/AppPath'; -import { - IconCheckbox, - IconList, - IconSearch, - IconSettings, -} from '@/ui/display/icon'; import { IconComponent } from '@/ui/display/icon/types/IconComponent'; import { NavigationBar } from '@/ui/navigation/navigation-bar/components/NavigationBar'; import { isNavigationDrawerOpenState } from '@/ui/navigation/states/isNavigationDrawerOpenState'; diff --git a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/AddObjectFilterFromDetailsButton.tsx b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/AddObjectFilterFromDetailsButton.tsx index 0de22274d..1fb257f79 100644 --- a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/AddObjectFilterFromDetailsButton.tsx +++ b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/AddObjectFilterFromDetailsButton.tsx @@ -1,6 +1,7 @@ +import { IconPlus } from 'twenty-ui'; + import { OBJECT_FILTER_DROPDOWN_ID } from '@/object-record/object-filter-dropdown/constants/ObjectFilterDropdownId'; import { useFilterDropdown } from '@/object-record/object-filter-dropdown/hooks/useFilterDropdown'; -import { IconPlus } from '@/ui/display/icon'; import { LightButton } from '@/ui/input/button/components/LightButton'; import { useDropdown } from '@/ui/layout/dropdown/hooks/useDropdown'; diff --git a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownOperandButton.tsx b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownOperandButton.tsx index 6641de0dd..4aa675ec3 100644 --- a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownOperandButton.tsx +++ b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownOperandButton.tsx @@ -1,7 +1,7 @@ import { useRecoilValue } from 'recoil'; +import { IconChevronDown } from 'twenty-ui'; import { useFilterDropdown } from '@/object-record/object-filter-dropdown/hooks/useFilterDropdown'; -import { IconChevronDown } from '@/ui/display/icon'; import { DropdownMenuHeader } from '@/ui/layout/dropdown/components/DropdownMenuHeader'; import { getOperandLabel } from '../utils/getOperandLabel'; diff --git a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownRecordRemoveFilterMenuItem.tsx b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownRecordRemoveFilterMenuItem.tsx index 6cf124fd3..1ba3b5f6b 100644 --- a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownRecordRemoveFilterMenuItem.tsx +++ b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownRecordRemoveFilterMenuItem.tsx @@ -1,7 +1,7 @@ import { MenuItem } from 'tsup.ui.index'; +import { IconFilterOff } from 'twenty-ui'; import { useFilterDropdown } from '@/object-record/object-filter-dropdown/hooks/useFilterDropdown'; -import { IconFilterOff } from '@/ui/display/icon'; import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/DropdownMenuItemsContainer'; import { useDropdown } from '@/ui/layout/dropdown/hooks/useDropdown'; diff --git a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/SingleEntityObjectFilterDropdownButton.tsx b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/SingleEntityObjectFilterDropdownButton.tsx index e6de65110..7ddbdb5f5 100644 --- a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/SingleEntityObjectFilterDropdownButton.tsx +++ b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/SingleEntityObjectFilterDropdownButton.tsx @@ -1,10 +1,10 @@ import React from 'react'; import { useTheme } from '@emotion/react'; import { useRecoilValue } from 'recoil'; +import { IconChevronDown } from 'twenty-ui'; import { ObjectFilterDropdownRecordRemoveFilterMenuItem } from '@/object-record/object-filter-dropdown/components/ObjectFilterDropdownRecordRemoveFilterMenuItem'; import { useFilterDropdown } from '@/object-record/object-filter-dropdown/hooks/useFilterDropdown'; -import { IconChevronDown } from '@/ui/display/icon/index'; import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown'; import { DropdownMenuSeparator } from '@/ui/layout/dropdown/components/DropdownMenuSeparator'; import { StyledHeaderDropdownButton } from '@/ui/layout/dropdown/components/StyledHeaderDropdownButton'; diff --git a/packages/twenty-front/src/modules/object-record/object-sort-dropdown/components/ObjectSortDropdownButton.tsx b/packages/twenty-front/src/modules/object-record/object-sort-dropdown/components/ObjectSortDropdownButton.tsx index 57f8bbd58..e550fda40 100644 --- a/packages/twenty-front/src/modules/object-record/object-sort-dropdown/components/ObjectSortDropdownButton.tsx +++ b/packages/twenty-front/src/modules/object-record/object-sort-dropdown/components/ObjectSortDropdownButton.tsx @@ -1,10 +1,10 @@ import { useCallback, useState } from 'react'; import { useRecoilValue } from 'recoil'; +import { IconChevronDown } from 'twenty-ui'; import { OBJECT_SORT_DROPDOWN_ID } from '@/object-record/object-sort-dropdown/constants/ObjectSortDropdownId'; import { useSortDropdown } from '@/object-record/object-sort-dropdown/hooks/useSortDropdown'; import { ObjectSortDropdownScope } from '@/object-record/object-sort-dropdown/scopes/ObjectSortDropdownScope'; -import { IconChevronDown } from '@/ui/display/icon'; import { useIcons } from '@/ui/display/icon/hooks/useIcons'; import { LightButton } from '@/ui/input/button/components/LightButton'; import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown'; diff --git a/packages/twenty-front/src/modules/object-record/record-action-bar/hooks/useRecordActionBar.tsx b/packages/twenty-front/src/modules/object-record/record-action-bar/hooks/useRecordActionBar.tsx index 26addcc3e..037945376 100644 --- a/packages/twenty-front/src/modules/object-record/record-action-bar/hooks/useRecordActionBar.tsx +++ b/packages/twenty-front/src/modules/object-record/record-action-bar/hooks/useRecordActionBar.tsx @@ -1,13 +1,6 @@ import { useCallback, useMemo, useState } from 'react'; import { isNonEmptyString } from '@sniptt/guards'; import { useRecoilCallback, useSetRecoilState } from 'recoil'; - -import { useFavorites } from '@/favorites/hooks/useFavorites'; -import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem'; -import { useDeleteManyRecords } from '@/object-record/hooks/useDeleteManyRecords'; -import { useExecuteQuickActionOnOneRecord } from '@/object-record/hooks/useExecuteQuickActionOnOneRecord'; -import { useExportTableData } from '@/object-record/record-index/options/hooks/useExportTableData'; -import { recordStoreFamilyState } from '@/object-record/record-store/states/recordStoreFamilyState'; import { IconClick, IconFileExport, @@ -16,7 +9,14 @@ import { IconMail, IconPuzzle, IconTrash, -} from '@/ui/display/icon'; +} from 'twenty-ui'; + +import { useFavorites } from '@/favorites/hooks/useFavorites'; +import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem'; +import { useDeleteManyRecords } from '@/object-record/hooks/useDeleteManyRecords'; +import { useExecuteQuickActionOnOneRecord } from '@/object-record/hooks/useExecuteQuickActionOnOneRecord'; +import { useExportTableData } from '@/object-record/record-index/options/hooks/useExportTableData'; +import { recordStoreFamilyState } from '@/object-record/record-store/states/recordStoreFamilyState'; import { ConfirmationModal } from '@/ui/layout/modal/components/ConfirmationModal'; import { actionBarEntriesState } from '@/ui/navigation/action-bar/states/actionBarEntriesState'; import { contextMenuEntriesState } from '@/ui/navigation/context-menu/states/contextMenuEntriesState'; diff --git a/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCard.tsx b/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCard.tsx index dda3bc34e..d7e71f434 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCard.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCard.tsx @@ -2,6 +2,7 @@ import { ReactNode, useContext, useState } from 'react'; import { useInView } from 'react-intersection-observer'; import styled from '@emotion/styled'; import { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil'; +import { IconEye } from 'twenty-ui'; import { RecordChip } from '@/object-record/components/RecordChip'; import { RecordBoardContext } from '@/object-record/record-board/contexts/RecordBoardContext'; @@ -15,7 +16,6 @@ import { import { RecordInlineCell } from '@/object-record/record-inline-cell/components/RecordInlineCell'; import { InlineCellHotkeyScope } from '@/object-record/record-inline-cell/types/InlineCellHotkeyScope'; import { recordStoreFamilyState } from '@/object-record/record-store/states/recordStoreFamilyState'; -import { IconEye } from '@/ui/display/icon/index'; import { LightIconButton } from '@/ui/input/button/components/LightIconButton'; import { Checkbox, CheckboxVariant } from '@/ui/input/components/Checkbox'; import { contextMenuIsOpenState } from '@/ui/navigation/context-menu/states/contextMenuIsOpenState'; diff --git a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeader.tsx b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeader.tsx index de56a8650..25d6f7c1b 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeader.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeader.tsx @@ -1,10 +1,10 @@ import React, { useContext, useState } from 'react'; import styled from '@emotion/styled'; +import { IconDotsVertical } from 'twenty-ui'; import { RecordBoardColumnDropdownMenu } from '@/object-record/record-board/record-board-column/components/RecordBoardColumnDropdownMenu'; import { RecordBoardColumnContext } from '@/object-record/record-board/record-board-column/contexts/RecordBoardColumnContext'; import { RecordBoardColumnHotkeyScope } from '@/object-record/record-board/types/BoardColumnHotkeyScope'; -import { IconDotsVertical } from '@/ui/display/icon'; import { Tag } from '@/ui/display/tag/components/Tag'; import { LightIconButton } from '@/ui/input/button/components/LightIconButton'; import { usePreviousHotkeyScope } from '@/ui/utilities/hotkey/hooks/usePreviousHotkeyScope'; diff --git a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnNewButton.tsx b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnNewButton.tsx index 98275ce7a..62ce7d5f5 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnNewButton.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnNewButton.tsx @@ -1,10 +1,10 @@ import { useContext } from 'react'; import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; +import { IconPlus } from 'twenty-ui'; import { RecordBoardContext } from '@/object-record/record-board/contexts/RecordBoardContext'; import { RecordBoardColumnContext } from '@/object-record/record-board/record-board-column/contexts/RecordBoardColumnContext'; -import { IconPlus } from '@/ui/display/icon/index'; const StyledButton = styled.button` align-items: center; diff --git a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnNewOpportunityButton.tsx b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnNewOpportunityButton.tsx index 101f72e24..398990c5c 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnNewOpportunityButton.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnNewOpportunityButton.tsx @@ -1,6 +1,7 @@ import { useCallback, useContext, useState } from 'react'; import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; +import { IconPlus } from 'twenty-ui'; import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular'; import { RecordBoardContext } from '@/object-record/record-board/contexts/RecordBoardContext'; @@ -8,7 +9,6 @@ import { RecordBoardColumnContext } from '@/object-record/record-board/record-bo import { SingleEntitySelect } from '@/object-record/relation-picker/components/SingleEntitySelect'; import { EntityForSelect } from '@/object-record/relation-picker/types/EntityForSelect'; import { RelationPickerHotkeyScope } from '@/object-record/relation-picker/types/RelationPickerHotkeyScope'; -import { IconPlus } from '@/ui/display/icon'; import { usePreviousHotkeyScope } from '@/ui/utilities/hotkey/hooks/usePreviousHotkeyScope'; const StyledButton = styled.button` diff --git a/packages/twenty-front/src/modules/object-record/record-field/hooks/__tests__/useGetButtonIcon.test.tsx b/packages/twenty-front/src/modules/object-record/record-field/hooks/__tests__/useGetButtonIcon.test.tsx index 6e8266aee..877c7897e 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/hooks/__tests__/useGetButtonIcon.test.tsx +++ b/packages/twenty-front/src/modules/object-record/record-field/hooks/__tests__/useGetButtonIcon.test.tsx @@ -1,6 +1,7 @@ import { ReactNode } from 'react'; import { renderHook } from '@testing-library/react'; import { RecoilRoot } from 'recoil'; +import { IconPencil } from 'twenty-ui'; import { phoneFieldDefinition, @@ -10,7 +11,6 @@ import { FieldContext } from '@/object-record/record-field/contexts/FieldContext import { useGetButtonIcon } from '@/object-record/record-field/hooks/useGetButtonIcon'; import { FieldDefinition } from '@/object-record/record-field/types/FieldDefinition'; import { FieldMetadata } from '@/object-record/record-field/types/FieldMetadata'; -import { IconPencil } from '@/ui/display/icon'; const entityId = 'entityId'; diff --git a/packages/twenty-front/src/modules/object-record/record-field/hooks/useGetButtonIcon.ts b/packages/twenty-front/src/modules/object-record/record-field/hooks/useGetButtonIcon.ts index ead147d37..4dde37b2e 100644 --- a/packages/twenty-front/src/modules/object-record/record-field/hooks/useGetButtonIcon.ts +++ b/packages/twenty-front/src/modules/object-record/record-field/hooks/useGetButtonIcon.ts @@ -1,7 +1,7 @@ import { useContext } from 'react'; +import { IconPencil } from 'twenty-ui'; import { isFieldRelation } from '@/object-record/record-field/types/guards/isFieldRelation'; -import { IconPencil } from '@/ui/display/icon'; import { IconComponent } from '@/ui/display/icon/types/IconComponent'; import { isUndefinedOrNull } from '~/utils/isUndefinedOrNull'; diff --git a/packages/twenty-front/src/modules/object-record/record-index/options/components/RecordIndexOptionsDropdownContent.tsx b/packages/twenty-front/src/modules/object-record/record-index/options/components/RecordIndexOptionsDropdownContent.tsx index 9d48f624c..578fb6bc4 100644 --- a/packages/twenty-front/src/modules/object-record/record-index/options/components/RecordIndexOptionsDropdownContent.tsx +++ b/packages/twenty-front/src/modules/object-record/record-index/options/components/RecordIndexOptionsDropdownContent.tsx @@ -1,17 +1,17 @@ import { useState } from 'react'; import { Key } from 'ts-key-enum'; +import { + IconBaselineDensitySmall, + IconChevronLeft, + IconFileImport, + IconTag, +} from 'twenty-ui'; import { RECORD_INDEX_OPTIONS_DROPDOWN_ID } from '@/object-record/record-index/options/constants/RecordIndexOptionsDropdownId'; import { useRecordIndexOptionsForBoard } from '@/object-record/record-index/options/hooks/useRecordIndexOptionsForBoard'; import { useRecordIndexOptionsForTable } from '@/object-record/record-index/options/hooks/useRecordIndexOptionsForTable'; import { TableOptionsHotkeyScope } from '@/object-record/record-table/types/TableOptionsHotkeyScope'; import { useSpreadsheetRecordImport } from '@/object-record/spreadsheet-import/useSpreadsheetRecordImport'; -import { - IconBaselineDensitySmall, - IconChevronLeft, - IconFileImport, - IconTag, -} from '@/ui/display/icon'; import { DropdownMenuHeader } from '@/ui/layout/dropdown/components/DropdownMenuHeader'; import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/DropdownMenuItemsContainer'; import { DropdownMenuSeparator } from '@/ui/layout/dropdown/components/DropdownMenuSeparator'; diff --git a/packages/twenty-front/src/modules/object-record/record-show/record-detail-section/components/RecordDetailRelationRecordsListItem.tsx b/packages/twenty-front/src/modules/object-record/record-show/record-detail-section/components/RecordDetailRelationRecordsListItem.tsx index d0548ad5e..b45e77cc5 100644 --- a/packages/twenty-front/src/modules/object-record/record-show/record-detail-section/components/RecordDetailRelationRecordsListItem.tsx +++ b/packages/twenty-front/src/modules/object-record/record-show/record-detail-section/components/RecordDetailRelationRecordsListItem.tsx @@ -2,6 +2,7 @@ import { useContext } from 'react'; import { css } from '@emotion/react'; import styled from '@emotion/styled'; import { LightIconButton, MenuItem } from 'tsup.ui.index'; +import { IconDotsVertical, IconTrash, IconUnlink } from 'twenty-ui'; import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem'; import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular'; @@ -13,7 +14,6 @@ import { usePersistField } from '@/object-record/record-field/hooks/usePersistFi import { FieldRelationMetadata } from '@/object-record/record-field/types/FieldMetadata'; import { RecordDetailRecordsListItem } from '@/object-record/record-show/record-detail-section/components/RecordDetailRecordsListItem'; import { ObjectRecord } from '@/object-record/types/ObjectRecord'; -import { IconDotsVertical, IconTrash, IconUnlink } from '@/ui/display/icon'; import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown'; import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/DropdownMenuItemsContainer'; import { useDropdown } from '@/ui/layout/dropdown/hooks/useDropdown'; diff --git a/packages/twenty-front/src/modules/object-record/record-show/record-detail-section/components/RecordDetailRelationSection.tsx b/packages/twenty-front/src/modules/object-record/record-show/record-detail-section/components/RecordDetailRelationSection.tsx index ec337f898..7a3252e7d 100644 --- a/packages/twenty-front/src/modules/object-record/record-show/record-detail-section/components/RecordDetailRelationSection.tsx +++ b/packages/twenty-front/src/modules/object-record/record-show/record-detail-section/components/RecordDetailRelationSection.tsx @@ -2,6 +2,7 @@ import { useCallback, useContext } from 'react'; import styled from '@emotion/styled'; import qs from 'qs'; import { useRecoilValue } from 'recoil'; +import { IconForbid, IconPencil, IconPlus } from 'twenty-ui'; import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem'; import { useUpdateOneRecord } from '@/object-record/hooks/useUpdateOneRecord'; @@ -19,7 +20,6 @@ import { useRelationPicker } from '@/object-record/relation-picker/hooks/useRela import { RelationPickerScope } from '@/object-record/relation-picker/scopes/RelationPickerScope'; import { EntityForSelect } from '@/object-record/relation-picker/types/EntityForSelect'; import { ObjectRecord } from '@/object-record/types/ObjectRecord'; -import { IconForbid, IconPencil, IconPlus } from '@/ui/display/icon'; import { LightIconButton } from '@/ui/input/button/components/LightIconButton'; import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown'; import { useDropdown } from '@/ui/layout/dropdown/hooks/useDropdown'; diff --git a/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableColumnDropdownMenu.tsx b/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableColumnDropdownMenu.tsx index 17417a832..98fab8920 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableColumnDropdownMenu.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableColumnDropdownMenu.tsx @@ -1,8 +1,8 @@ import { useRecoilValue } from 'recoil'; +import { IconArrowLeft, IconArrowRight, IconEyeOff } from 'twenty-ui'; import { FieldMetadata } from '@/object-record/record-field/types/FieldMetadata'; import { useRecordTableStates } from '@/object-record/record-table/hooks/internal/useRecordTableStates'; -import { IconArrowLeft, IconArrowRight, IconEyeOff } from '@/ui/display/icon'; import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/DropdownMenuItemsContainer'; import { useDropdown } from '@/ui/layout/dropdown/hooks/useDropdown'; import { MenuItem } from '@/ui/navigation/menu-item/components/MenuItem'; diff --git a/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableHeader.tsx b/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableHeader.tsx index 452d707f0..edc262e72 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableHeader.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableHeader.tsx @@ -1,10 +1,10 @@ import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; import { useRecoilValue } from 'recoil'; +import { IconPlus } from 'twenty-ui'; import { RecordTableHeaderCell } from '@/object-record/record-table/components/RecordTableHeaderCell'; import { useRecordTableStates } from '@/object-record/record-table/hooks/internal/useRecordTableStates'; -import { IconPlus } from '@/ui/display/icon'; import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown'; import { useScrollWrapperScopedRef } from '@/ui/utilities/scroll/hooks/useScrollWrapperScopedRef'; diff --git a/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableHeaderCell.tsx b/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableHeaderCell.tsx index ec96d4990..698939c85 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableHeaderCell.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableHeaderCell.tsx @@ -1,13 +1,13 @@ import { useCallback, useMemo, useState } from 'react'; import styled from '@emotion/styled'; import { useRecoilCallback, useRecoilState, useRecoilValue } from 'recoil'; +import { IconPlus } from 'twenty-ui'; import { FieldMetadata } from '@/object-record/record-field/types/FieldMetadata'; import { ColumnHead } from '@/object-record/record-table/components/ColumnHead'; import { useRecordTableStates } from '@/object-record/record-table/hooks/internal/useRecordTableStates'; import { useTableColumns } from '@/object-record/record-table/hooks/useTableColumns'; import { ColumnDefinition } from '@/object-record/record-table/types/ColumnDefinition'; -import { IconPlus } from '@/ui/display/icon'; import { LightIconButton } from '@/ui/input/button/components/LightIconButton'; import { useTrackPointer } from '@/ui/utilities/pointer-event/hooks/useTrackPointer'; import { getSnapshotValue } from '@/ui/utilities/recoil-scope/utils/getSnapshotValue'; diff --git a/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableHeaderPlusButtonContent.tsx b/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableHeaderPlusButtonContent.tsx index 91b3f8527..136a888cc 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableHeaderPlusButtonContent.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableHeaderPlusButtonContent.tsx @@ -2,12 +2,12 @@ import { useCallback } from 'react'; import { Link } from 'react-router-dom'; import styled from '@emotion/styled'; import { useRecoilValue } from 'recoil'; +import { IconSettings } from 'twenty-ui'; import { FieldMetadata } from '@/object-record/record-field/types/FieldMetadata'; import { useRecordTableStates } from '@/object-record/record-table/hooks/internal/useRecordTableStates'; import { useTableColumns } from '@/object-record/record-table/hooks/useTableColumns'; import { ColumnDefinition } from '@/object-record/record-table/types/ColumnDefinition'; -import { IconSettings } from '@/ui/display/icon'; import { useIcons } from '@/ui/display/icon/hooks/useIcons'; import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/DropdownMenuItemsContainer'; import { DropdownMenuSeparator } from '@/ui/layout/dropdown/components/DropdownMenuSeparator'; diff --git a/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableWithWrappers.tsx b/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableWithWrappers.tsx index 179aed225..12e2f06d4 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableWithWrappers.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableWithWrappers.tsx @@ -1,6 +1,7 @@ import { useRef } from 'react'; import styled from '@emotion/styled'; import { useRecoilCallback, useRecoilValue } from 'recoil'; +import { IconPlus } from 'twenty-ui'; import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem'; import { useDeleteOneRecord } from '@/object-record/hooks/useDeleteOneRecord'; @@ -9,7 +10,6 @@ import { RecordTable } from '@/object-record/record-table/components/RecordTable import { EntityDeleteContext } from '@/object-record/record-table/contexts/EntityDeleteHookContext'; import { useRecordTableStates } from '@/object-record/record-table/hooks/internal/useRecordTableStates'; import { ColumnDefinition } from '@/object-record/record-table/types/ColumnDefinition'; -import { IconPlus } from '@/ui/display/icon'; import { Button } from '@/ui/input/button/components/Button'; import AnimatedPlaceholder from '@/ui/layout/animated-placeholder/components/AnimatedPlaceholder'; import { diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellContainer.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellContainer.tsx index 7250ea9fe..65edb7d00 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellContainer.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellContainer.tsx @@ -1,6 +1,7 @@ import { ReactElement, useContext, useState } from 'react'; import styled from '@emotion/styled'; import { useRecoilCallback, useSetRecoilState } from 'recoil'; +import { IconArrowUpRight } from 'twenty-ui'; import { useGetButtonIcon } from '@/object-record/record-field/hooks/useGetButtonIcon'; import { useIsFieldEmpty } from '@/object-record/record-field/hooks/useIsFieldEmpty'; @@ -11,7 +12,6 @@ import { useGetIsSomeCellInEditModeState } from '@/object-record/record-table/ho import { useOpenRecordTableCell } from '@/object-record/record-table/record-table-cell/hooks/useOpenRecordTableCell'; import { useSetCurrentRowSelected } from '@/object-record/record-table/record-table-row/hooks/useSetCurrentRowSelected'; import { isSoftFocusUsingMouseState } from '@/object-record/record-table/states/isSoftFocusUsingMouseState'; -import { IconArrowUpRight } from '@/ui/display/icon'; import { contextMenuIsOpenState } from '@/ui/navigation/context-menu/states/contextMenuIsOpenState'; import { contextMenuPositionState } from '@/ui/navigation/context-menu/states/contextMenuPositionState'; import { HotkeyScope } from '@/ui/utilities/hotkey/types/HotkeyScope'; diff --git a/packages/twenty-front/src/modules/object-record/relation-picker/components/RelationPicker.tsx b/packages/twenty-front/src/modules/object-record/relation-picker/components/RelationPicker.tsx index 2585125ad..d5e4ef29c 100644 --- a/packages/twenty-front/src/modules/object-record/relation-picker/components/RelationPicker.tsx +++ b/packages/twenty-front/src/modules/object-record/relation-picker/components/RelationPicker.tsx @@ -1,11 +1,11 @@ import { useEffect } from 'react'; +import { IconForbid } from 'twenty-ui'; import { FieldDefinition } from '@/object-record/record-field/types/FieldDefinition'; import { FieldRelationMetadata } from '@/object-record/record-field/types/FieldMetadata'; import { SingleEntitySelect } from '@/object-record/relation-picker/components/SingleEntitySelect'; import { useRelationPicker } from '@/object-record/relation-picker/hooks/useRelationPicker'; import { EntityForSelect } from '@/object-record/relation-picker/types/EntityForSelect'; -import { IconForbid } from '@/ui/display/icon'; export type RelationPickerProps = { recordId?: string; diff --git a/packages/twenty-front/src/modules/object-record/relation-picker/components/SingleEntitySelectMenuItems.tsx b/packages/twenty-front/src/modules/object-record/relation-picker/components/SingleEntitySelectMenuItems.tsx index 80ee900ee..a71fa24a9 100644 --- a/packages/twenty-front/src/modules/object-record/relation-picker/components/SingleEntitySelectMenuItems.tsx +++ b/packages/twenty-front/src/modules/object-record/relation-picker/components/SingleEntitySelectMenuItems.tsx @@ -1,9 +1,9 @@ import { useRef } from 'react'; import { isNonEmptyString } from '@sniptt/guards'; import { Key } from 'ts-key-enum'; +import { IconPlus } from 'twenty-ui'; import { SelectableMenuItemSelect } from '@/object-record/relation-picker/components/SelectableMenuItemSelect'; -import { IconPlus } from '@/ui/display/icon'; import { IconComponent } from '@/ui/display/icon/types/IconComponent'; import { CreateNewButton } from '@/ui/input/relation-picker/components/CreateNewButton'; import { DropdownMenuSkeletonItem } from '@/ui/input/relation-picker/components/skeletons/DropdownMenuSkeletonItem'; diff --git a/packages/twenty-front/src/modules/object-record/relation-picker/components/__stories__/SingleEntitySelect.stories.tsx b/packages/twenty-front/src/modules/object-record/relation-picker/components/__stories__/SingleEntitySelect.stories.tsx index 968c23418..07a32ade6 100644 --- a/packages/twenty-front/src/modules/object-record/relation-picker/components/__stories__/SingleEntitySelect.stories.tsx +++ b/packages/twenty-front/src/modules/object-record/relation-picker/components/__stories__/SingleEntitySelect.stories.tsx @@ -1,8 +1,8 @@ import { Meta, StoryObj } from '@storybook/react'; import { expect, userEvent, within } from '@storybook/test'; +import { IconUserCircle } from 'twenty-ui'; import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular'; -import { IconUserCircle } from '@/ui/display/icon'; import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator'; import { ComponentWithRecoilScopeDecorator } from '~/testing/decorators/ComponentWithRecoilScopeDecorator'; import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadataItemsDecorator'; diff --git a/packages/twenty-front/src/modules/object-record/utils/computeRecordBoardColumnDefinitionsFromObjectMetadata.ts b/packages/twenty-front/src/modules/object-record/utils/computeRecordBoardColumnDefinitionsFromObjectMetadata.ts index 8e70a4e5c..4df6d4afd 100644 --- a/packages/twenty-front/src/modules/object-record/utils/computeRecordBoardColumnDefinitionsFromObjectMetadata.ts +++ b/packages/twenty-front/src/modules/object-record/utils/computeRecordBoardColumnDefinitionsFromObjectMetadata.ts @@ -1,6 +1,7 @@ +import { IconPencil } from 'twenty-ui'; + import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem'; import { RecordBoardColumnDefinition } from '@/object-record/record-board/types/RecordBoardColumnDefinition'; -import { IconPencil } from '@/ui/display/icon'; import { FieldMetadataType } from '~/generated-metadata/graphql'; export const computeRecordBoardColumnDefinitionsFromObjectMetadata = ( diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCalendarChannelsListCard.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCalendarChannelsListCard.tsx index 623040fb3..bacd86322 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCalendarChannelsListCard.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsCalendarChannelsListCard.tsx @@ -1,6 +1,7 @@ import { useNavigate } from 'react-router-dom'; import styled from '@emotion/styled'; import { useRecoilValue } from 'recoil'; +import { IconChevronRight } from 'twenty-ui'; import { CalendarChannel } from '@/accounts/types/CalendarChannel'; import { ConnectedAccount } from '@/accounts/types/ConnectedAccount'; @@ -10,7 +11,6 @@ import { useFindManyRecords } from '@/object-record/hooks/useFindManyRecords'; import { SettingsAccountsListEmptyStateCard } from '@/settings/accounts/components/SettingsAccountsListEmptyStateCard'; import { SettingsAccountsSynchronizationStatus } from '@/settings/accounts/components/SettingsAccountsSynchronizationStatus'; import { SettingsListCard } from '@/settings/components/SettingsListCard'; -import { IconChevronRight } from '@/ui/display/icon'; import { IconGoogleCalendar } from '@/ui/display/icon/components/IconGoogleCalendar'; import { LightIconButton } from '@/ui/input/button/components/LightIconButton'; diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsEmailsBlocklistTableRow.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsEmailsBlocklistTableRow.tsx index 763c78304..303d5261c 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsEmailsBlocklistTableRow.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsEmailsBlocklistTableRow.tsx @@ -1,5 +1,6 @@ +import { IconX } from 'twenty-ui'; + import { BlocklistItem } from '@/accounts/types/BlocklistItem'; -import { IconX } from '@/ui/display/icon'; import { IconButton } from '@/ui/input/button/components/IconButton'; import { TableCell } from '@/ui/layout/table/components/TableCell'; import { TableRow } from '@/ui/layout/table/components/TableRow'; diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsMessageChannelsListCard.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsMessageChannelsListCard.tsx index 7b0979cb8..1dfea9356 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsMessageChannelsListCard.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsMessageChannelsListCard.tsx @@ -2,6 +2,7 @@ import { useNavigate } from 'react-router-dom'; import styled from '@emotion/styled'; import { useRecoilValue } from 'recoil'; import { LightIconButton } from 'tsup.ui.index'; +import { IconChevronRight } from 'twenty-ui'; import { ConnectedAccount } from '@/accounts/types/ConnectedAccount'; import { MessageChannel } from '@/accounts/types/MessageChannel'; @@ -11,7 +12,6 @@ import { useFindManyRecords } from '@/object-record/hooks/useFindManyRecords'; import { SettingsAccountsListEmptyStateCard } from '@/settings/accounts/components/SettingsAccountsListEmptyStateCard'; import { SettingsAccountsSynchronizationStatus } from '@/settings/accounts/components/SettingsAccountsSynchronizationStatus'; import { SettingsListCard } from '@/settings/components/SettingsListCard'; -import { IconChevronRight } from '@/ui/display/icon'; import { IconGmail } from '@/ui/display/icon/components/IconGmail'; const StyledRowRightContainer = styled.div` diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsRowDropdownMenu.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsRowDropdownMenu.tsx index d68ec50c0..09ad94c42 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsRowDropdownMenu.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsRowDropdownMenu.tsx @@ -1,9 +1,9 @@ import { useNavigate } from 'react-router-dom'; +import { IconDotsVertical, IconMail, IconTrash } from 'twenty-ui'; import { ConnectedAccount } from '@/accounts/types/ConnectedAccount'; import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular'; import { useDeleteOneRecord } from '@/object-record/hooks/useDeleteOneRecord'; -import { IconDotsVertical, IconMail, IconTrash } from '@/ui/display/icon'; import { LightIconButton } from '@/ui/input/button/components/LightIconButton'; import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown'; import { DropdownMenu } from '@/ui/layout/dropdown/components/DropdownMenu'; diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsSettingsSection.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsSettingsSection.tsx index 2f09bd5d6..e1ec53f4d 100644 --- a/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsSettingsSection.tsx +++ b/packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsSettingsSection.tsx @@ -1,10 +1,10 @@ import { useNavigate } from 'react-router-dom'; import styled from '@emotion/styled'; +import { IconCalendarEvent, IconMailCog } from 'twenty-ui'; import { SettingsNavigationCard } from '@/settings/components/SettingsNavigationCard'; import { getSettingsPagePath } from '@/settings/utils/getSettingsPagePath'; import { SettingsPath } from '@/types/SettingsPath'; -import { IconCalendarEvent, IconMailCog } from '@/ui/display/icon'; import { H2Title } from '@/ui/display/typography/components/H2Title'; import { Section } from '@/ui/layout/section/components/Section'; import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled'; diff --git a/packages/twenty-front/src/modules/settings/components/SaveAndCancelButtons/SaveButton.tsx b/packages/twenty-front/src/modules/settings/components/SaveAndCancelButtons/SaveButton.tsx index 322187e25..01913ba96 100644 --- a/packages/twenty-front/src/modules/settings/components/SaveAndCancelButtons/SaveButton.tsx +++ b/packages/twenty-front/src/modules/settings/components/SaveAndCancelButtons/SaveButton.tsx @@ -1,4 +1,5 @@ -import { IconDeviceFloppy } from '@/ui/display/icon'; +import { IconDeviceFloppy } from 'twenty-ui'; + import { Button } from '@/ui/input/button/components/Button'; type SaveButtonProps = { diff --git a/packages/twenty-front/src/modules/settings/components/SettingsListCard.tsx b/packages/twenty-front/src/modules/settings/components/SettingsListCard.tsx index 4cd2499c0..6ca88219a 100644 --- a/packages/twenty-front/src/modules/settings/components/SettingsListCard.tsx +++ b/packages/twenty-front/src/modules/settings/components/SettingsListCard.tsx @@ -1,9 +1,9 @@ import { ComponentType } from 'react'; import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; +import { IconPlus } from 'twenty-ui'; import { SettingsListSkeletonCard } from '@/settings/components/SettingsListSkeletonCard'; -import { IconPlus } from '@/ui/display/icon'; import { IconComponent } from '@/ui/display/icon/types/IconComponent'; import { Card } from '@/ui/layout/card/components/Card'; import { CardFooter } from '@/ui/layout/card/components/CardFooter'; diff --git a/packages/twenty-front/src/modules/settings/components/SettingsNavigationCard.tsx b/packages/twenty-front/src/modules/settings/components/SettingsNavigationCard.tsx index 8fac34639..9ea5854fc 100644 --- a/packages/twenty-front/src/modules/settings/components/SettingsNavigationCard.tsx +++ b/packages/twenty-front/src/modules/settings/components/SettingsNavigationCard.tsx @@ -1,9 +1,8 @@ import { ReactNode } from 'react'; import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; -import { Pill } from 'twenty-ui'; +import { IconChevronRight, Pill } from 'twenty-ui'; -import { IconChevronRight } from '@/ui/display/icon'; import { IconComponent } from '@/ui/display/icon/types/IconComponent'; import { Card } from '@/ui/layout/card/components/Card'; import { CardContent } from '@/ui/layout/card/components/CardContent'; diff --git a/packages/twenty-front/src/modules/settings/components/SettingsNavigationDrawerItems.tsx b/packages/twenty-front/src/modules/settings/components/SettingsNavigationDrawerItems.tsx index ed8fc98c0..68629d078 100644 --- a/packages/twenty-front/src/modules/settings/components/SettingsNavigationDrawerItems.tsx +++ b/packages/twenty-front/src/modules/settings/components/SettingsNavigationDrawerItems.tsx @@ -1,12 +1,6 @@ import { useCallback } from 'react'; import { useNavigate } from 'react-router-dom'; import { useRecoilValue } from 'recoil'; - -import { useAuth } from '@/auth/hooks/useAuth'; -import { billingState } from '@/client-config/states/billingState.ts'; -import { SettingsNavigationDrawerItem } from '@/settings/components/SettingsNavigationDrawerItem'; -import { AppPath } from '@/types/AppPath'; -import { SettingsPath } from '@/types/SettingsPath'; import { IconApps, IconAt, @@ -20,7 +14,13 @@ import { IconSettings, IconUserCircle, IconUsers, -} from '@/ui/display/icon'; +} from 'twenty-ui'; + +import { useAuth } from '@/auth/hooks/useAuth'; +import { billingState } from '@/client-config/states/billingState.ts'; +import { SettingsNavigationDrawerItem } from '@/settings/components/SettingsNavigationDrawerItem'; +import { AppPath } from '@/types/AppPath'; +import { SettingsPath } from '@/types/SettingsPath'; import { NavigationDrawerItem } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerItem'; import { NavigationDrawerItemGroup } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerItemGroup'; import { NavigationDrawerSection } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerSection'; diff --git a/packages/twenty-front/src/modules/settings/data-model/components/SettingsDataModelDefaultValue.tsx b/packages/twenty-front/src/modules/settings/data-model/components/SettingsDataModelDefaultValue.tsx index 7a1456543..c088ac1e7 100644 --- a/packages/twenty-front/src/modules/settings/data-model/components/SettingsDataModelDefaultValue.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/components/SettingsDataModelDefaultValue.tsx @@ -1,6 +1,6 @@ import styled from '@emotion/styled'; +import { IconCheck, IconX } from 'twenty-ui'; -import { IconCheck, IconX } from '@/ui/display/icon'; import { Select } from '@/ui/input/components/Select'; import { CardContent } from '@/ui/layout/card/components/CardContent'; diff --git a/packages/twenty-front/src/modules/settings/data-model/components/SettingsObjectFieldSelectForm.tsx b/packages/twenty-front/src/modules/settings/data-model/components/SettingsObjectFieldSelectForm.tsx index cdfc9f90f..4577aca5e 100644 --- a/packages/twenty-front/src/modules/settings/data-model/components/SettingsObjectFieldSelectForm.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/components/SettingsObjectFieldSelectForm.tsx @@ -1,8 +1,8 @@ import styled from '@emotion/styled'; import { DropResult } from '@hello-pangea/dnd'; +import { IconPlus } from 'twenty-ui'; import { v4 } from 'uuid'; -import { IconPlus } from '@/ui/display/icon'; import { LightButton } from '@/ui/input/button/components/LightButton'; import { CardContent } from '@/ui/layout/card/components/CardContent'; import { CardFooter } from '@/ui/layout/card/components/CardFooter'; diff --git a/packages/twenty-front/src/modules/settings/data-model/components/SettingsObjectFieldSelectFormOptionRow.tsx b/packages/twenty-front/src/modules/settings/data-model/components/SettingsObjectFieldSelectFormOptionRow.tsx index 9be6c0481..4a19f8727 100644 --- a/packages/twenty-front/src/modules/settings/data-model/components/SettingsObjectFieldSelectFormOptionRow.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/components/SettingsObjectFieldSelectFormOptionRow.tsx @@ -1,16 +1,16 @@ import { useMemo } from 'react'; import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; -import { v4 } from 'uuid'; - -import { ColorSample } from '@/ui/display/color/components/ColorSample'; import { IconCheck, IconDotsVertical, IconGripVertical, IconTrash, IconX, -} from '@/ui/display/icon'; +} from 'twenty-ui'; +import { v4 } from 'uuid'; + +import { ColorSample } from '@/ui/display/color/components/ColorSample'; import { LightIconButton } from '@/ui/input/button/components/LightIconButton'; import { TextInput } from '@/ui/input/components/TextInput'; import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown'; diff --git a/packages/twenty-front/src/modules/settings/data-model/constants/RelationTypes.ts b/packages/twenty-front/src/modules/settings/data-model/constants/RelationTypes.ts index 8bfa66e03..2dda881ab 100644 --- a/packages/twenty-front/src/modules/settings/data-model/constants/RelationTypes.ts +++ b/packages/twenty-front/src/modules/settings/data-model/constants/RelationTypes.ts @@ -1,4 +1,5 @@ -import { IconLayersLinked, IconRelationOneToOne } from '@/ui/display/icon'; +import { IconLayersLinked, IconRelationOneToOne } from 'twenty-ui'; + import { IconComponent } from '@/ui/display/icon/types/IconComponent'; import { RelationMetadataType } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/settings/data-model/constants/SettingsFieldCurrencyCodes.ts b/packages/twenty-front/src/modules/settings/data-model/constants/SettingsFieldCurrencyCodes.ts index f8ca7aa71..89cf79ee4 100644 --- a/packages/twenty-front/src/modules/settings/data-model/constants/SettingsFieldCurrencyCodes.ts +++ b/packages/twenty-front/src/modules/settings/data-model/constants/SettingsFieldCurrencyCodes.ts @@ -1,4 +1,3 @@ -import { CurrencyCode } from '@/object-record/record-field/types/CurrencyCode'; import { IconCurrencyDollar, IconCurrencyEuro, @@ -6,7 +5,9 @@ import { IconCurrencyPound, IconCurrencyYen, IconCurrencyYuan, -} from '@/ui/display/icon'; +} from 'twenty-ui'; + +import { CurrencyCode } from '@/object-record/record-field/types/CurrencyCode'; import { IconComponent } from '@/ui/display/icon/types/IconComponent'; export const SETTINGS_FIELD_CURRENCY_CODES: Record< diff --git a/packages/twenty-front/src/modules/settings/data-model/constants/SettingsFieldTypeConfigs.ts b/packages/twenty-front/src/modules/settings/data-model/constants/SettingsFieldTypeConfigs.ts index 3f6dfc652..d661a355c 100644 --- a/packages/twenty-front/src/modules/settings/data-model/constants/SettingsFieldTypeConfigs.ts +++ b/packages/twenty-front/src/modules/settings/data-model/constants/SettingsFieldTypeConfigs.ts @@ -1,6 +1,3 @@ -import { CurrencyCode } from '@/object-record/record-field/types/CurrencyCode'; -import { DEFAULT_DATE_VALUE } from '@/settings/data-model/constants/DefaultDateValue'; -import { SettingsSupportedFieldType } from '@/settings/data-model/types/SettingsSupportedFieldType'; import { IconCalendarEvent, IconCheck, @@ -15,7 +12,11 @@ import { IconTag, IconTextSize, IconUser, -} from '@/ui/display/icon'; +} from 'twenty-ui'; + +import { CurrencyCode } from '@/object-record/record-field/types/CurrencyCode'; +import { DEFAULT_DATE_VALUE } from '@/settings/data-model/constants/DefaultDateValue'; +import { SettingsSupportedFieldType } from '@/settings/data-model/types/SettingsSupportedFieldType'; import { IconTwentyStar } from '@/ui/display/icon/components/IconTwentyStar'; import { IconComponent } from '@/ui/display/icon/types/IconComponent'; import { FieldMetadataType } from '~/generated-metadata/graphql'; diff --git a/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectAboutSection.tsx b/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectAboutSection.tsx index 884960cc9..b49427069 100644 --- a/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectAboutSection.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectAboutSection.tsx @@ -1,8 +1,8 @@ import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; +import { IconArchive, IconDotsVertical, IconPencil } from 'twenty-ui'; import { SettingsDataModelIsCustomTag } from '@/settings/data-model/objects/SettingsDataModelIsCustomTag'; -import { IconArchive, IconDotsVertical, IconPencil } from '@/ui/display/icon'; import { useIcons } from '@/ui/display/icon/hooks/useIcons'; import { H2Title } from '@/ui/display/typography/components/H2Title'; import { LightIconButton } from '@/ui/input/button/components/LightIconButton'; diff --git a/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldActiveActionDropdown.tsx b/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldActiveActionDropdown.tsx index 62aa7726d..eb233272f 100644 --- a/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldActiveActionDropdown.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldActiveActionDropdown.tsx @@ -4,7 +4,8 @@ import { IconEye, IconPencil, IconTextSize, -} from '@/ui/display/icon'; +} from 'twenty-ui'; + import { LightIconButton } from '@/ui/input/button/components/LightIconButton'; import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown'; import { DropdownMenu } from '@/ui/layout/dropdown/components/DropdownMenu'; diff --git a/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldDisabledActionDropdown.tsx b/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldDisabledActionDropdown.tsx index ad618bd47..0e96ad9fe 100644 --- a/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldDisabledActionDropdown.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldDisabledActionDropdown.tsx @@ -1,4 +1,5 @@ -import { IconArchiveOff, IconDotsVertical } from '@/ui/display/icon'; +import { IconArchiveOff, IconDotsVertical } from 'twenty-ui'; + import { LightIconButton } from '@/ui/input/button/components/LightIconButton'; import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown'; import { DropdownMenu } from '@/ui/layout/dropdown/components/DropdownMenu'; diff --git a/packages/twenty-front/src/modules/settings/data-model/objects/SettingsObjectCoverImage.tsx b/packages/twenty-front/src/modules/settings/data-model/objects/SettingsObjectCoverImage.tsx index 0f7fa0b90..38f8fe0f7 100644 --- a/packages/twenty-front/src/modules/settings/data-model/objects/SettingsObjectCoverImage.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/objects/SettingsObjectCoverImage.tsx @@ -1,8 +1,8 @@ import { useState } from 'react'; import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; +import { IconX } from 'twenty-ui'; -import { IconX } from '@/ui/display/icon'; import { LightIconButton } from '@/ui/input/button/components/LightIconButton'; import { Card } from '@/ui/layout/card/components/Card'; import { AnimatedFadeOut } from '@/ui/utilities/animation/components/AnimatedFadeOut'; diff --git a/packages/twenty-front/src/modules/settings/data-model/objects/SettingsObjectInactiveMenuDropDown.tsx b/packages/twenty-front/src/modules/settings/data-model/objects/SettingsObjectInactiveMenuDropDown.tsx index c74fa8079..107fafed7 100644 --- a/packages/twenty-front/src/modules/settings/data-model/objects/SettingsObjectInactiveMenuDropDown.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/objects/SettingsObjectInactiveMenuDropDown.tsx @@ -1,4 +1,5 @@ -import { IconArchiveOff, IconDotsVertical, IconTrash } from '@/ui/display/icon'; +import { IconArchiveOff, IconDotsVertical, IconTrash } from 'twenty-ui'; + import { LightIconButton } from '@/ui/input/button/components/LightIconButton'; import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown'; import { DropdownMenu } from '@/ui/layout/dropdown/components/DropdownMenu'; diff --git a/packages/twenty-front/src/modules/settings/data-model/objects/forms/components/SettingsDataModelObjectIdentifiersForm.tsx b/packages/twenty-front/src/modules/settings/data-model/objects/forms/components/SettingsDataModelObjectIdentifiersForm.tsx index 6762b5269..6677111db 100644 --- a/packages/twenty-front/src/modules/settings/data-model/objects/forms/components/SettingsDataModelObjectIdentifiersForm.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/objects/forms/components/SettingsDataModelObjectIdentifiersForm.tsx @@ -1,13 +1,13 @@ import { useMemo } from 'react'; import { Controller, useFormContext } from 'react-hook-form'; import styled from '@emotion/styled'; +import { IconCircleOff } from 'twenty-ui'; import { z } from 'zod'; import { LABEL_IDENTIFIER_FIELD_METADATA_TYPES } from '@/object-metadata/constants/LabelIdentifierFieldMetadataTypes'; import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem'; import { getActiveFieldMetadataItems } from '@/object-metadata/utils/getActiveFieldMetadataItems'; import { objectMetadataItemSchema } from '@/object-metadata/validation-schemas/objectMetadataItemSchema'; -import { IconCircleOff } from '@/ui/display/icon'; import { useIcons } from '@/ui/display/icon/hooks/useIcons'; import { Select, SelectOption } from '@/ui/input/components/Select'; diff --git a/packages/twenty-front/src/modules/settings/developers/components/ApiKeyInput.tsx b/packages/twenty-front/src/modules/settings/developers/components/ApiKeyInput.tsx index 3969992d7..5ae7e180a 100644 --- a/packages/twenty-front/src/modules/settings/developers/components/ApiKeyInput.tsx +++ b/packages/twenty-front/src/modules/settings/developers/components/ApiKeyInput.tsx @@ -1,7 +1,7 @@ import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; +import { IconCopy } from 'twenty-ui'; -import { IconCopy } from '@/ui/display/icon'; import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar'; import { Button } from '@/ui/input/button/components/Button'; import { TextInput } from '@/ui/input/components/TextInput'; diff --git a/packages/twenty-front/src/modules/settings/developers/components/SettingsApiKeysFieldItemTableRow.tsx b/packages/twenty-front/src/modules/settings/developers/components/SettingsApiKeysFieldItemTableRow.tsx index f2292d94b..502199e04 100644 --- a/packages/twenty-front/src/modules/settings/developers/components/SettingsApiKeysFieldItemTableRow.tsx +++ b/packages/twenty-front/src/modules/settings/developers/components/SettingsApiKeysFieldItemTableRow.tsx @@ -1,8 +1,8 @@ import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; +import { IconChevronRight } from 'twenty-ui'; import { ApiFieldItem } from '@/settings/developers/types/api-key/ApiFieldItem'; -import { IconChevronRight } from '@/ui/display/icon'; import { TableCell } from '@/ui/layout/table/components/TableCell'; import { TableRow } from '@/ui/layout/table/components/TableRow'; diff --git a/packages/twenty-front/src/modules/settings/developers/components/SettingsDevelopersWebhookTableRow.tsx b/packages/twenty-front/src/modules/settings/developers/components/SettingsDevelopersWebhookTableRow.tsx index fc391fd27..74a735267 100644 --- a/packages/twenty-front/src/modules/settings/developers/components/SettingsDevelopersWebhookTableRow.tsx +++ b/packages/twenty-front/src/modules/settings/developers/components/SettingsDevelopersWebhookTableRow.tsx @@ -1,9 +1,9 @@ import React from 'react'; import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; +import { IconChevronRight } from 'twenty-ui'; import { WebhookFieldItem } from '@/settings/developers/types/webhook/WebhookFieldItem'; -import { IconChevronRight } from '@/ui/display/icon'; import { TableCell } from '@/ui/layout/table/components/TableCell'; import { TableRow } from '@/ui/layout/table/components/TableRow'; diff --git a/packages/twenty-front/src/modules/settings/developers/components/SettingsReadDocumentationButton.tsx b/packages/twenty-front/src/modules/settings/developers/components/SettingsReadDocumentationButton.tsx index 5f92acbef..305266b8a 100644 --- a/packages/twenty-front/src/modules/settings/developers/components/SettingsReadDocumentationButton.tsx +++ b/packages/twenty-front/src/modules/settings/developers/components/SettingsReadDocumentationButton.tsx @@ -1,4 +1,5 @@ -import { IconBook2 } from '@/ui/display/icon'; +import { IconBook2 } from 'twenty-ui'; + import { Button } from '@/ui/input/button/components/Button'; export const SettingsReadDocumentationButton = () => { diff --git a/packages/twenty-front/src/modules/settings/integrations/components/SettingsIntegrationComponent.tsx b/packages/twenty-front/src/modules/settings/integrations/components/SettingsIntegrationComponent.tsx index 333ebef11..7ef589cc4 100644 --- a/packages/twenty-front/src/modules/settings/integrations/components/SettingsIntegrationComponent.tsx +++ b/packages/twenty-front/src/modules/settings/integrations/components/SettingsIntegrationComponent.tsx @@ -1,10 +1,9 @@ import { useNavigate } from 'react-router-dom'; import { css } from '@emotion/react'; import styled from '@emotion/styled'; -import { Pill } from 'twenty-ui'; +import { IconArrowUpRight, IconBolt, IconPlus, Pill } from 'twenty-ui'; import { SettingsIntegration } from '@/settings/integrations/types/SettingsIntegration'; -import { IconArrowUpRight, IconBolt, IconPlus } from '@/ui/display/icon'; import { Status } from '@/ui/display/status/components/Status'; import { Button } from '@/ui/input/button/components/Button'; import { isDefined } from '~/utils/isDefined'; diff --git a/packages/twenty-front/src/modules/settings/integrations/components/SettingsIntegrationDatabasesListCard.tsx b/packages/twenty-front/src/modules/settings/integrations/components/SettingsIntegrationDatabasesListCard.tsx index c9991b9c0..210f8fdd4 100644 --- a/packages/twenty-front/src/modules/settings/integrations/components/SettingsIntegrationDatabasesListCard.tsx +++ b/packages/twenty-front/src/modules/settings/integrations/components/SettingsIntegrationDatabasesListCard.tsx @@ -1,8 +1,8 @@ import { useNavigate } from 'react-router-dom'; import styled from '@emotion/styled'; +import { IconChevronRight } from 'twenty-ui'; import { SettingsListCard } from '@/settings/components/SettingsListCard'; -import { IconChevronRight } from '@/ui/display/icon'; import { Status } from '@/ui/display/status/components/Status'; import { LightIconButton } from '@/ui/input/button/components/LightIconButton'; diff --git a/packages/twenty-front/src/modules/sign-in-background-mock/components/SignInBackgroundMockPage.tsx b/packages/twenty-front/src/modules/sign-in-background-mock/components/SignInBackgroundMockPage.tsx index fc2f81ecb..1f0e3e540 100644 --- a/packages/twenty-front/src/modules/sign-in-background-mock/components/SignInBackgroundMockPage.tsx +++ b/packages/twenty-front/src/modules/sign-in-background-mock/components/SignInBackgroundMockPage.tsx @@ -1,9 +1,9 @@ import styled from '@emotion/styled'; +import { IconBuildingSkyscraper } from 'twenty-ui'; import { RecordTableActionBar } from '@/object-record/record-table/action-bar/components/RecordTableActionBar'; import { RecordTableContextMenu } from '@/object-record/record-table/context-menu/components/RecordTableContextMenu'; import { SignInBackgroundMockContainer } from '@/sign-in-background-mock/components/SignInBackgroundMockContainer'; -import { IconBuildingSkyscraper } from '@/ui/display/icon'; import { PageAddButton } from '@/ui/layout/page/PageAddButton'; import { PageBody } from '@/ui/layout/page/PageBody'; import { PageContainer } from '@/ui/layout/page/PageContainer'; diff --git a/packages/twenty-front/src/modules/spreadsheet-import/components/ModalCloseButton.tsx b/packages/twenty-front/src/modules/spreadsheet-import/components/ModalCloseButton.tsx index e58837010..5c03dc535 100644 --- a/packages/twenty-front/src/modules/spreadsheet-import/components/ModalCloseButton.tsx +++ b/packages/twenty-front/src/modules/spreadsheet-import/components/ModalCloseButton.tsx @@ -1,8 +1,8 @@ import styled from '@emotion/styled'; +import { IconX } from 'twenty-ui'; import { useSpreadsheetImportInitialStep } from '@/spreadsheet-import/hooks/useSpreadsheetImportInitialStep'; import { useSpreadsheetImportInternal } from '@/spreadsheet-import/hooks/useSpreadsheetImportInternal'; -import { IconX } from '@/ui/display/icon/index'; import { useDialogManager } from '@/ui/feedback/dialog-manager/hooks/useDialogManager'; import { IconButton } from '@/ui/input/button/components/IconButton'; import { useStepBar } from '@/ui/navigation/step-bar/hooks/useStepBar'; diff --git a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/MatchColumnsStep/components/TemplateColumn.tsx b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/MatchColumnsStep/components/TemplateColumn.tsx index 6c58e7bc8..eb65c9266 100644 --- a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/MatchColumnsStep/components/TemplateColumn.tsx +++ b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/MatchColumnsStep/components/TemplateColumn.tsx @@ -7,11 +7,11 @@ import { AccordionPanel, } from '@chakra-ui/accordion'; import styled from '@emotion/styled'; +import { IconChevronDown, IconForbid } from 'twenty-ui'; import { MatchColumnSelect } from '@/spreadsheet-import/components/MatchColumnSelect'; import { useSpreadsheetImportInternal } from '@/spreadsheet-import/hooks/useSpreadsheetImportInternal'; import { Fields } from '@/spreadsheet-import/types'; -import { IconChevronDown, IconForbid } from '@/ui/display/icon'; import { Column, Columns, ColumnType } from '../MatchColumnsStep'; diff --git a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/ValidationStep/ValidationStep.tsx b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/ValidationStep/ValidationStep.tsx index a3f5452ce..882893ff0 100644 --- a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/ValidationStep/ValidationStep.tsx +++ b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/ValidationStep/ValidationStep.tsx @@ -2,6 +2,7 @@ import { useCallback, useMemo, useState } from 'react'; // @ts-expect-error Todo: remove usage of react-data-grid import { RowsChangeData } from 'react-data-grid'; import styled from '@emotion/styled'; +import { IconTrash } from 'twenty-ui'; import { ContinueButton } from '@/spreadsheet-import/components/ContinueButton'; import { Heading } from '@/spreadsheet-import/components/Heading'; @@ -9,7 +10,6 @@ import { Table } from '@/spreadsheet-import/components/Table'; import { useSpreadsheetImportInternal } from '@/spreadsheet-import/hooks/useSpreadsheetImportInternal'; import { Data } from '@/spreadsheet-import/types'; import { addErrorsAndRunHooks } from '@/spreadsheet-import/utils/dataMutations'; -import { IconTrash } from '@/ui/display/icon'; import { useDialogManager } from '@/ui/feedback/dialog-manager/hooks/useDialogManager'; import { Button } from '@/ui/input/button/components/Button'; import { Toggle } from '@/ui/input/components/Toggle'; diff --git a/packages/twenty-front/src/modules/support/components/SupportChat.tsx b/packages/twenty-front/src/modules/support/components/SupportChat.tsx index e1868cfe6..d39b2c4a8 100644 --- a/packages/twenty-front/src/modules/support/components/SupportChat.tsx +++ b/packages/twenty-front/src/modules/support/components/SupportChat.tsx @@ -2,11 +2,11 @@ import { useCallback, useEffect, useState } from 'react'; import styled from '@emotion/styled'; import { isNonEmptyString } from '@sniptt/guards'; import { useRecoilValue } from 'recoil'; +import { IconHelpCircle } from 'twenty-ui'; import { currentUserState } from '@/auth/states/currentUserState'; import { currentWorkspaceMemberState } from '@/auth/states/currentWorkspaceMemberState'; import { supportChatState } from '@/client-config/states/supportChatState'; -import { IconHelpCircle } from '@/ui/display/icon'; import { Button } from '@/ui/input/button/components/Button'; import { WorkspaceMember } from '@/workspace-member/types/WorkspaceMember'; import { User } from '~/generated/graphql'; diff --git a/packages/twenty-front/src/modules/ui/display/checkmark/components/Checkmark.tsx b/packages/twenty-front/src/modules/ui/display/checkmark/components/Checkmark.tsx index f6a74d7ac..584e70f74 100644 --- a/packages/twenty-front/src/modules/ui/display/checkmark/components/Checkmark.tsx +++ b/packages/twenty-front/src/modules/ui/display/checkmark/components/Checkmark.tsx @@ -1,8 +1,7 @@ import React from 'react'; import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; - -import { IconCheck } from '@/ui/display/icon'; +import { IconCheck } from 'twenty-ui'; const StyledContainer = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/ui/display/icon/components/IconAddressBook.tsx b/packages/twenty-front/src/modules/ui/display/icon/components/IconAddressBook.tsx index 12abfb520..2c8c72bfc 100644 --- a/packages/twenty-front/src/modules/ui/display/icon/components/IconAddressBook.tsx +++ b/packages/twenty-front/src/modules/ui/display/icon/components/IconAddressBook.tsx @@ -1,4 +1,4 @@ -import { TablerIconsProps } from '@/ui/display/icon'; +import { TablerIconsProps } from 'twenty-ui'; import IconAddressBookRaw from '../assets/address-book.svg?react'; diff --git a/packages/twenty-front/src/modules/ui/display/icon/components/IconTwentyStar.tsx b/packages/twenty-front/src/modules/ui/display/icon/components/IconTwentyStar.tsx index 94f43872c..25ce2eba0 100644 --- a/packages/twenty-front/src/modules/ui/display/icon/components/IconTwentyStar.tsx +++ b/packages/twenty-front/src/modules/ui/display/icon/components/IconTwentyStar.tsx @@ -1,4 +1,4 @@ -import { TablerIconsProps } from '@/ui/display/icon'; +import { TablerIconsProps } from 'twenty-ui'; import IconTwentyStarRaw from '../assets/twenty-star.svg?react'; diff --git a/packages/twenty-front/src/modules/ui/display/icon/components/IconTwentyStarFilled.tsx b/packages/twenty-front/src/modules/ui/display/icon/components/IconTwentyStarFilled.tsx index 830de612c..e1933ea6d 100644 --- a/packages/twenty-front/src/modules/ui/display/icon/components/IconTwentyStarFilled.tsx +++ b/packages/twenty-front/src/modules/ui/display/icon/components/IconTwentyStarFilled.tsx @@ -1,4 +1,4 @@ -import { TablerIconsProps } from '@/ui/display/icon'; +import { TablerIconsProps } from 'twenty-ui'; import IconTwentyStarFilledRaw from '../assets/twenty-star-filled.svg?react'; diff --git a/packages/twenty-front/src/modules/ui/display/icon/hooks/__tests__/useIcons.test.ts b/packages/twenty-front/src/modules/ui/display/icon/hooks/__tests__/useIcons.test.ts index 44ce44fc2..aaf70aa02 100644 --- a/packages/twenty-front/src/modules/ui/display/icon/hooks/__tests__/useIcons.test.ts +++ b/packages/twenty-front/src/modules/ui/display/icon/hooks/__tests__/useIcons.test.ts @@ -1,7 +1,7 @@ import { renderHook } from '@testing-library/react'; import * as recoil from 'recoil'; +import { Icon123, IconBuildingSkyscraper, IconUser } from 'twenty-ui'; -import { Icon123, IconBuildingSkyscraper, IconUser } from '@/ui/display/icon'; import { useIcons } from '@/ui/display/icon/hooks/useIcons'; describe('useIcons', () => { diff --git a/packages/twenty-front/src/modules/ui/display/icon/hooks/useIcons.ts b/packages/twenty-front/src/modules/ui/display/icon/hooks/useIcons.ts index 4efd71e7f..a1dd37b4c 100644 --- a/packages/twenty-front/src/modules/ui/display/icon/hooks/useIcons.ts +++ b/packages/twenty-front/src/modules/ui/display/icon/hooks/useIcons.ts @@ -1,6 +1,6 @@ import { useRecoilValue } from 'recoil'; +import { Icon123 } from 'twenty-ui'; -import { Icon123 } from '@/ui/display/icon'; import { iconsState } from '@/ui/display/icon/states/iconsState'; export const useIcons = () => { diff --git a/packages/twenty-front/src/modules/ui/display/info/components/Info.tsx b/packages/twenty-front/src/modules/ui/display/info/components/Info.tsx index bb674eabd..e65a17312 100644 --- a/packages/twenty-front/src/modules/ui/display/info/components/Info.tsx +++ b/packages/twenty-front/src/modules/ui/display/info/components/Info.tsx @@ -1,8 +1,8 @@ import React from 'react'; import { css, useTheme } from '@emotion/react'; import styled from '@emotion/styled'; +import { IconInfoCircle } from 'twenty-ui'; -import { IconInfoCircle } from '@/ui/display/icon'; import { Button } from '@/ui/input/button/components/Button.tsx'; export type InfoAccent = 'blue' | 'danger'; diff --git a/packages/twenty-front/src/modules/ui/feedback/snack-bar-manager/components/SnackBar.tsx b/packages/twenty-front/src/modules/ui/feedback/snack-bar-manager/components/SnackBar.tsx index 8334d1bce..07e0c52dd 100644 --- a/packages/twenty-front/src/modules/ui/feedback/snack-bar-manager/components/SnackBar.tsx +++ b/packages/twenty-front/src/modules/ui/feedback/snack-bar-manager/components/SnackBar.tsx @@ -1,8 +1,8 @@ import { useCallback, useMemo, useRef } from 'react'; import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; +import { IconAlertTriangle, IconX } from 'twenty-ui'; -import { IconAlertTriangle, IconX } from '@/ui/display/icon'; import { ProgressBar, ProgressBarControls, diff --git a/packages/twenty-front/src/modules/ui/field/input/components/BooleanInput.tsx b/packages/twenty-front/src/modules/ui/field/input/components/BooleanInput.tsx index 1c0dcdc65..348c89d78 100644 --- a/packages/twenty-front/src/modules/ui/field/input/components/BooleanInput.tsx +++ b/packages/twenty-front/src/modules/ui/field/input/components/BooleanInput.tsx @@ -1,8 +1,7 @@ import { useEffect, useState } from 'react'; import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; - -import { IconCheck, IconX } from '@/ui/display/icon'; +import { IconCheck, IconX } from 'twenty-ui'; const StyledEditableBooleanFieldContainer = styled.div` align-items: center; diff --git a/packages/twenty-front/src/modules/ui/input/button/components/__stories__/Button.stories.tsx b/packages/twenty-front/src/modules/ui/input/button/components/__stories__/Button.stories.tsx index f86b88ec3..7dd03a023 100644 --- a/packages/twenty-front/src/modules/ui/input/button/components/__stories__/Button.stories.tsx +++ b/packages/twenty-front/src/modules/ui/input/button/components/__stories__/Button.stories.tsx @@ -1,6 +1,6 @@ import { Meta, StoryObj } from '@storybook/react'; +import { IconSearch } from 'twenty-ui'; -import { IconSearch } from '@/ui/display/icon'; import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator'; import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator'; import { CatalogStory } from '~/testing/types'; diff --git a/packages/twenty-front/src/modules/ui/input/button/components/__stories__/ButtonGroup.stories.tsx b/packages/twenty-front/src/modules/ui/input/button/components/__stories__/ButtonGroup.stories.tsx index bee6eb538..6ebbc6e42 100644 --- a/packages/twenty-front/src/modules/ui/input/button/components/__stories__/ButtonGroup.stories.tsx +++ b/packages/twenty-front/src/modules/ui/input/button/components/__stories__/ButtonGroup.stories.tsx @@ -1,6 +1,6 @@ import { Meta, StoryObj } from '@storybook/react'; +import { IconCheckbox, IconNotes, IconTimelineEvent } from 'twenty-ui'; -import { IconCheckbox, IconNotes, IconTimelineEvent } from '@/ui/display/icon'; import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator'; import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator'; import { CatalogStory } from '~/testing/types'; diff --git a/packages/twenty-front/src/modules/ui/input/button/components/__stories__/FloatingButton.stories.tsx b/packages/twenty-front/src/modules/ui/input/button/components/__stories__/FloatingButton.stories.tsx index ef5e40bf3..a2d55b456 100644 --- a/packages/twenty-front/src/modules/ui/input/button/components/__stories__/FloatingButton.stories.tsx +++ b/packages/twenty-front/src/modules/ui/input/button/components/__stories__/FloatingButton.stories.tsx @@ -1,6 +1,6 @@ import { Meta, StoryObj } from '@storybook/react'; +import { IconSearch } from 'twenty-ui'; -import { IconSearch } from '@/ui/display/icon'; import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator'; import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator'; import { CatalogStory } from '~/testing/types'; diff --git a/packages/twenty-front/src/modules/ui/input/button/components/__stories__/FloatingButtonGroup.stories.tsx b/packages/twenty-front/src/modules/ui/input/button/components/__stories__/FloatingButtonGroup.stories.tsx index 4a5e21206..66f1d3d75 100644 --- a/packages/twenty-front/src/modules/ui/input/button/components/__stories__/FloatingButtonGroup.stories.tsx +++ b/packages/twenty-front/src/modules/ui/input/button/components/__stories__/FloatingButtonGroup.stories.tsx @@ -1,6 +1,6 @@ import { Meta, StoryObj } from '@storybook/react'; +import { IconCheckbox, IconNotes, IconTimelineEvent } from 'twenty-ui'; -import { IconCheckbox, IconNotes, IconTimelineEvent } from '@/ui/display/icon'; import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator'; import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator'; import { CatalogStory } from '~/testing/types'; diff --git a/packages/twenty-front/src/modules/ui/input/button/components/__stories__/FloatingIconButton.stories.tsx b/packages/twenty-front/src/modules/ui/input/button/components/__stories__/FloatingIconButton.stories.tsx index 4e8359c14..386da63b6 100644 --- a/packages/twenty-front/src/modules/ui/input/button/components/__stories__/FloatingIconButton.stories.tsx +++ b/packages/twenty-front/src/modules/ui/input/button/components/__stories__/FloatingIconButton.stories.tsx @@ -1,6 +1,6 @@ import { Meta, StoryObj } from '@storybook/react'; +import { IconSearch } from 'twenty-ui'; -import { IconSearch } from '@/ui/display/icon'; import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator'; import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator'; import { CatalogStory } from '~/testing/types'; diff --git a/packages/twenty-front/src/modules/ui/input/button/components/__stories__/FloatingIconButtonGroup.stories.tsx b/packages/twenty-front/src/modules/ui/input/button/components/__stories__/FloatingIconButtonGroup.stories.tsx index 3fffe0c90..2bb3c8fe9 100644 --- a/packages/twenty-front/src/modules/ui/input/button/components/__stories__/FloatingIconButtonGroup.stories.tsx +++ b/packages/twenty-front/src/modules/ui/input/button/components/__stories__/FloatingIconButtonGroup.stories.tsx @@ -1,6 +1,6 @@ import { Meta, StoryObj } from '@storybook/react'; +import { IconCheckbox, IconNotes, IconTimelineEvent } from 'twenty-ui'; -import { IconCheckbox, IconNotes, IconTimelineEvent } from '@/ui/display/icon'; import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator'; import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator'; import { CatalogStory } from '~/testing/types'; diff --git a/packages/twenty-front/src/modules/ui/input/button/components/__stories__/IconButton.stories.tsx b/packages/twenty-front/src/modules/ui/input/button/components/__stories__/IconButton.stories.tsx index 39ef4ac65..1ea9af451 100644 --- a/packages/twenty-front/src/modules/ui/input/button/components/__stories__/IconButton.stories.tsx +++ b/packages/twenty-front/src/modules/ui/input/button/components/__stories__/IconButton.stories.tsx @@ -1,6 +1,6 @@ import { Meta, StoryObj } from '@storybook/react'; +import { IconSearch } from 'twenty-ui'; -import { IconSearch } from '@/ui/display/icon'; import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator'; import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator'; import { CatalogStory } from '~/testing/types'; diff --git a/packages/twenty-front/src/modules/ui/input/button/components/__stories__/IconButtonGroup.stories.tsx b/packages/twenty-front/src/modules/ui/input/button/components/__stories__/IconButtonGroup.stories.tsx index ff5916600..386ae6b56 100644 --- a/packages/twenty-front/src/modules/ui/input/button/components/__stories__/IconButtonGroup.stories.tsx +++ b/packages/twenty-front/src/modules/ui/input/button/components/__stories__/IconButtonGroup.stories.tsx @@ -1,6 +1,6 @@ import { Meta, StoryObj } from '@storybook/react'; +import { IconCheckbox, IconNotes, IconTimelineEvent } from 'twenty-ui'; -import { IconCheckbox, IconNotes, IconTimelineEvent } from '@/ui/display/icon'; import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator'; import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator'; import { CatalogStory } from '~/testing/types'; diff --git a/packages/twenty-front/src/modules/ui/input/button/components/__stories__/LightButton.stories.tsx b/packages/twenty-front/src/modules/ui/input/button/components/__stories__/LightButton.stories.tsx index f943c8eaf..c89de5ffa 100644 --- a/packages/twenty-front/src/modules/ui/input/button/components/__stories__/LightButton.stories.tsx +++ b/packages/twenty-front/src/modules/ui/input/button/components/__stories__/LightButton.stories.tsx @@ -1,6 +1,6 @@ import { Meta, StoryObj } from '@storybook/react'; +import { IconSearch } from 'twenty-ui'; -import { IconSearch } from '@/ui/display/icon'; import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator'; import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator'; import { CatalogStory } from '~/testing/types'; diff --git a/packages/twenty-front/src/modules/ui/input/button/components/__stories__/LightIconButton.stories.tsx b/packages/twenty-front/src/modules/ui/input/button/components/__stories__/LightIconButton.stories.tsx index e8a9fb3ff..14e605c44 100644 --- a/packages/twenty-front/src/modules/ui/input/button/components/__stories__/LightIconButton.stories.tsx +++ b/packages/twenty-front/src/modules/ui/input/button/components/__stories__/LightIconButton.stories.tsx @@ -1,6 +1,6 @@ import { Meta, StoryObj } from '@storybook/react'; +import { IconSearch } from 'twenty-ui'; -import { IconSearch } from '@/ui/display/icon'; import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator'; import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator'; import { CatalogStory } from '~/testing/types'; diff --git a/packages/twenty-front/src/modules/ui/input/button/components/__stories__/MainButton.stories.tsx b/packages/twenty-front/src/modules/ui/input/button/components/__stories__/MainButton.stories.tsx index e5d8cb2ba..f146e25d2 100644 --- a/packages/twenty-front/src/modules/ui/input/button/components/__stories__/MainButton.stories.tsx +++ b/packages/twenty-front/src/modules/ui/input/button/components/__stories__/MainButton.stories.tsx @@ -1,7 +1,7 @@ import { Meta, StoryObj } from '@storybook/react'; import { expect, fn, userEvent, within } from '@storybook/test'; +import { IconBrandGoogle } from 'twenty-ui'; -import { IconBrandGoogle } from '@/ui/display/icon'; import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator'; import { MainButton } from '../MainButton'; diff --git a/packages/twenty-front/src/modules/ui/input/button/components/__stories__/RoundedIconButton.stories.tsx b/packages/twenty-front/src/modules/ui/input/button/components/__stories__/RoundedIconButton.stories.tsx index ca0fae790..8f43ab235 100644 --- a/packages/twenty-front/src/modules/ui/input/button/components/__stories__/RoundedIconButton.stories.tsx +++ b/packages/twenty-front/src/modules/ui/input/button/components/__stories__/RoundedIconButton.stories.tsx @@ -1,7 +1,7 @@ import { Meta, StoryObj } from '@storybook/react'; import { expect, fn, userEvent, within } from '@storybook/test'; +import { IconArrowRight } from 'twenty-ui'; -import { IconArrowRight } from '@/ui/display/icon'; import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator'; import { RoundedIconButton } from '../RoundedIconButton'; diff --git a/packages/twenty-front/src/modules/ui/input/components/AutosizeTextInput.tsx b/packages/twenty-front/src/modules/ui/input/components/AutosizeTextInput.tsx index 7fd67c6bf..b827b8e08 100644 --- a/packages/twenty-front/src/modules/ui/input/components/AutosizeTextInput.tsx +++ b/packages/twenty-front/src/modules/ui/input/components/AutosizeTextInput.tsx @@ -3,8 +3,8 @@ import { HotkeysEvent } from 'react-hotkeys-hook/dist/types'; import TextareaAutosize from 'react-textarea-autosize'; import styled from '@emotion/styled'; import { Key } from 'ts-key-enum'; +import { IconArrowRight } from 'twenty-ui'; -import { IconArrowRight } from '@/ui/display/icon/index'; import { Button } from '@/ui/input/button/components/Button'; import { RoundedIconButton } from '@/ui/input/button/components/RoundedIconButton'; import { usePreviousHotkeyScope } from '@/ui/utilities/hotkey/hooks/usePreviousHotkeyScope'; diff --git a/packages/twenty-front/src/modules/ui/input/components/Checkbox.tsx b/packages/twenty-front/src/modules/ui/input/components/Checkbox.tsx index 1d7c49bc8..f3d6df936 100644 --- a/packages/twenty-front/src/modules/ui/input/components/Checkbox.tsx +++ b/packages/twenty-front/src/modules/ui/input/components/Checkbox.tsx @@ -1,9 +1,8 @@ import * as React from 'react'; import styled from '@emotion/styled'; +import { IconCheck, IconMinus } from 'twenty-ui'; import { v4 } from 'uuid'; -import { IconCheck, IconMinus } from '@/ui/display/icon'; - export enum CheckboxVariant { Primary = 'primary', Secondary = 'secondary', diff --git a/packages/twenty-front/src/modules/ui/input/components/IconPicker.tsx b/packages/twenty-front/src/modules/ui/input/components/IconPicker.tsx index 3b8b78748..f22bf568e 100644 --- a/packages/twenty-front/src/modules/ui/input/components/IconPicker.tsx +++ b/packages/twenty-front/src/modules/ui/input/components/IconPicker.tsx @@ -1,8 +1,8 @@ import { useMemo, useState } from 'react'; import styled from '@emotion/styled'; import { useRecoilValue } from 'recoil'; +import { IconApps } from 'twenty-ui'; -import { IconApps } from '@/ui/display/icon'; import { useIcons } from '@/ui/display/icon/hooks/useIcons'; import { IconComponent } from '@/ui/display/icon/types/IconComponent'; import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown'; diff --git a/packages/twenty-front/src/modules/ui/input/components/ImageInput.tsx b/packages/twenty-front/src/modules/ui/input/components/ImageInput.tsx index 98415e2f2..c992e5381 100644 --- a/packages/twenty-front/src/modules/ui/input/components/ImageInput.tsx +++ b/packages/twenty-front/src/modules/ui/input/components/ImageInput.tsx @@ -1,13 +1,8 @@ import React from 'react'; import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; +import { IconFileUpload, IconTrash, IconUpload, IconX } from 'twenty-ui'; -import { - IconFileUpload, - IconTrash, - IconUpload, - IconX, -} from '@/ui/display/icon'; import { Button } from '@/ui/input/button/components/Button'; import { isDefined } from '~/utils/isDefined'; diff --git a/packages/twenty-front/src/modules/ui/input/components/Select.tsx b/packages/twenty-front/src/modules/ui/input/components/Select.tsx index 343a0b89c..980a521d3 100644 --- a/packages/twenty-front/src/modules/ui/input/components/Select.tsx +++ b/packages/twenty-front/src/modules/ui/input/components/Select.tsx @@ -1,8 +1,8 @@ import { useMemo, useRef, useState } from 'react'; import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; +import { IconChevronDown } from 'twenty-ui'; -import { IconChevronDown } from '@/ui/display/icon'; import { IconComponent } from '@/ui/display/icon/types/IconComponent'; import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown'; import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/DropdownMenuItemsContainer'; diff --git a/packages/twenty-front/src/modules/ui/input/components/TextInput.tsx b/packages/twenty-front/src/modules/ui/input/components/TextInput.tsx index 9e839c108..206910e8e 100644 --- a/packages/twenty-front/src/modules/ui/input/components/TextInput.tsx +++ b/packages/twenty-front/src/modules/ui/input/components/TextInput.tsx @@ -10,9 +10,8 @@ import { import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; import { Key } from 'ts-key-enum'; +import { IconAlertCircle, IconEye, IconEyeOff } from 'twenty-ui'; -import { IconAlertCircle } from '@/ui/display/icon'; -import { IconEye, IconEyeOff } from '@/ui/display/icon/index'; import { IconComponent } from '@/ui/display/icon/types/IconComponent'; import { usePreviousHotkeyScope } from '@/ui/utilities/hotkey/hooks/usePreviousHotkeyScope'; import { useScopedHotkeys } from '@/ui/utilities/hotkey/hooks/useScopedHotkeys'; diff --git a/packages/twenty-front/src/modules/ui/input/components/internal/currency/components/CurrencyPickerDropdownButton.tsx b/packages/twenty-front/src/modules/ui/input/components/internal/currency/components/CurrencyPickerDropdownButton.tsx index fdbd84a55..8400cec67 100644 --- a/packages/twenty-front/src/modules/ui/input/components/internal/currency/components/CurrencyPickerDropdownButton.tsx +++ b/packages/twenty-front/src/modules/ui/input/components/internal/currency/components/CurrencyPickerDropdownButton.tsx @@ -1,9 +1,9 @@ import { useEffect, useState } from 'react'; import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; +import { IconChevronDown } from 'twenty-ui'; import { CurrencyCode } from '@/object-record/record-field/types/CurrencyCode'; -import { IconChevronDown } from '@/ui/display/icon'; import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown'; import { useDropdown } from '@/ui/layout/dropdown/hooks/useDropdown'; import { isDefined } from '~/utils/isDefined'; diff --git a/packages/twenty-front/src/modules/ui/input/components/internal/date/components/InternalDatePicker.tsx b/packages/twenty-front/src/modules/ui/input/components/internal/date/components/InternalDatePicker.tsx index e3a231fd7..0a436bd45 100644 --- a/packages/twenty-front/src/modules/ui/input/components/internal/date/components/InternalDatePicker.tsx +++ b/packages/twenty-front/src/modules/ui/input/components/internal/date/components/InternalDatePicker.tsx @@ -1,8 +1,8 @@ import React from 'react'; import ReactDatePicker from 'react-datepicker'; import styled from '@emotion/styled'; +import { IconCalendarX } from 'twenty-ui'; -import { IconCalendarX } from '@/ui/display/icon'; import { MenuItemLeftContent } from '@/ui/navigation/menu-item/internals/components/MenuItemLeftContent'; import { StyledHoverableMenuItemBase } from '@/ui/navigation/menu-item/internals/components/StyledMenuItemBase'; import { OVERLAY_BACKGROUND } from '@/ui/theme/constants/OverlayBackground'; diff --git a/packages/twenty-front/src/modules/ui/input/components/internal/phone/components/PhoneCountryPickerDropdownButton.tsx b/packages/twenty-front/src/modules/ui/input/components/internal/phone/components/PhoneCountryPickerDropdownButton.tsx index 82fd1979d..4cfdfb9b7 100644 --- a/packages/twenty-front/src/modules/ui/input/components/internal/phone/components/PhoneCountryPickerDropdownButton.tsx +++ b/packages/twenty-front/src/modules/ui/input/components/internal/phone/components/PhoneCountryPickerDropdownButton.tsx @@ -1,8 +1,8 @@ import { useEffect, useState } from 'react'; import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; +import { IconChevronDown, IconWorld } from 'twenty-ui'; -import { IconChevronDown, IconWorld } from '@/ui/display/icon'; import { useCountries } from '@/ui/input/components/internal/hooks/useCountries'; import { Country } from '@/ui/input/components/internal/types/Country'; import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown'; diff --git a/packages/twenty-front/src/modules/ui/input/hooks/__tests__/useIconPicker.test.tsx b/packages/twenty-front/src/modules/ui/input/hooks/__tests__/useIconPicker.test.tsx index 5dca21750..7799d7220 100644 --- a/packages/twenty-front/src/modules/ui/input/hooks/__tests__/useIconPicker.test.tsx +++ b/packages/twenty-front/src/modules/ui/input/hooks/__tests__/useIconPicker.test.tsx @@ -1,8 +1,8 @@ import { act } from 'react-dom/test-utils'; import { renderHook } from '@testing-library/react'; import { RecoilRoot } from 'recoil'; +import { Icon123, IconApps } from 'twenty-ui'; -import { Icon123, IconApps } from '@/ui/display/icon'; import { useIconPicker } from '@/ui/input/hooks/useIconPicker'; describe('useIconPicker', () => { diff --git a/packages/twenty-front/src/modules/ui/input/states/iconPickerState.ts b/packages/twenty-front/src/modules/ui/input/states/iconPickerState.ts index 5a2926bb9..5fc008b50 100644 --- a/packages/twenty-front/src/modules/ui/input/states/iconPickerState.ts +++ b/packages/twenty-front/src/modules/ui/input/states/iconPickerState.ts @@ -1,4 +1,5 @@ -import { IconApps } from '@/ui/display/icon'; +import { IconApps } from 'twenty-ui'; + import { IconComponent } from '@/ui/display/icon/types/IconComponent'; import { createState } from '@/ui/utilities/state/utils/createState'; diff --git a/packages/twenty-front/src/modules/ui/layout/draggable-list/__stories__/DraggableItem.stories.tsx b/packages/twenty-front/src/modules/ui/layout/draggable-list/__stories__/DraggableItem.stories.tsx index ff97d8c5e..6c87c8ec3 100644 --- a/packages/twenty-front/src/modules/ui/layout/draggable-list/__stories__/DraggableItem.stories.tsx +++ b/packages/twenty-front/src/modules/ui/layout/draggable-list/__stories__/DraggableItem.stories.tsx @@ -1,7 +1,7 @@ import { DragDropContext, Droppable } from '@hello-pangea/dnd'; import { Meta, StoryObj } from '@storybook/react'; +import { IconBell } from 'twenty-ui'; -import { IconBell } from '@/ui/display/icon'; import { MenuItemDraggable } from '@/ui/navigation/menu-item/components/MenuItemDraggable'; import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator'; diff --git a/packages/twenty-front/src/modules/ui/layout/draggable-list/__stories__/DraggableList.stories.tsx b/packages/twenty-front/src/modules/ui/layout/draggable-list/__stories__/DraggableList.stories.tsx index 6f4471108..12eed9a69 100644 --- a/packages/twenty-front/src/modules/ui/layout/draggable-list/__stories__/DraggableList.stories.tsx +++ b/packages/twenty-front/src/modules/ui/layout/draggable-list/__stories__/DraggableList.stories.tsx @@ -1,6 +1,6 @@ import { Meta, StoryObj } from '@storybook/react'; +import { IconBell } from 'twenty-ui'; -import { IconBell } from '@/ui/display/icon'; import { MenuItemDraggable } from '@/ui/navigation/menu-item/components/MenuItemDraggable'; import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator'; diff --git a/packages/twenty-front/src/modules/ui/layout/page/PageAddButton.tsx b/packages/twenty-front/src/modules/ui/layout/page/PageAddButton.tsx index 1faf82336..d6a977a18 100644 --- a/packages/twenty-front/src/modules/ui/layout/page/PageAddButton.tsx +++ b/packages/twenty-front/src/modules/ui/layout/page/PageAddButton.tsx @@ -1,4 +1,5 @@ -import { IconPlus } from '@/ui/display/icon'; +import { IconPlus } from 'twenty-ui'; + import { IconButton } from '@/ui/input/button/components/IconButton'; type PageAddButtonProps = { diff --git a/packages/twenty-front/src/modules/ui/layout/page/PageFavoriteButton.tsx b/packages/twenty-front/src/modules/ui/layout/page/PageFavoriteButton.tsx index ec719e23c..b66a73807 100644 --- a/packages/twenty-front/src/modules/ui/layout/page/PageFavoriteButton.tsx +++ b/packages/twenty-front/src/modules/ui/layout/page/PageFavoriteButton.tsx @@ -1,4 +1,5 @@ -import { IconHeart } from '@/ui/display/icon'; +import { IconHeart } from 'twenty-ui'; + import { IconButton } from '@/ui/input/button/components/IconButton'; type PageFavoriteButtonProps = { diff --git a/packages/twenty-front/src/modules/ui/layout/page/PageHeader.tsx b/packages/twenty-front/src/modules/ui/layout/page/PageHeader.tsx index fc67db03d..c258a5d55 100644 --- a/packages/twenty-front/src/modules/ui/layout/page/PageHeader.tsx +++ b/packages/twenty-front/src/modules/ui/layout/page/PageHeader.tsx @@ -4,8 +4,8 @@ import { useNavigate } from 'react-router-dom'; import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; import { useRecoilValue } from 'recoil'; +import { IconChevronLeft } from 'twenty-ui'; -import { IconChevronLeft } from '@/ui/display/icon/index'; import { IconComponent } from '@/ui/display/icon/types/IconComponent'; import { OverflowingTextWithTooltip } from '@/ui/display/tooltip/OverflowingTextWithTooltip'; import { IconButton } from '@/ui/input/button/components/IconButton'; diff --git a/packages/twenty-front/src/modules/ui/layout/right-drawer/components/RightDrawerTopBarCloseButton.tsx b/packages/twenty-front/src/modules/ui/layout/right-drawer/components/RightDrawerTopBarCloseButton.tsx index f7acb0a8d..b7e0f0102 100644 --- a/packages/twenty-front/src/modules/ui/layout/right-drawer/components/RightDrawerTopBarCloseButton.tsx +++ b/packages/twenty-front/src/modules/ui/layout/right-drawer/components/RightDrawerTopBarCloseButton.tsx @@ -1,4 +1,5 @@ -import { IconChevronsRight } from '@/ui/display/icon/index'; +import { IconChevronsRight } from 'twenty-ui'; + import { LightIconButton } from '@/ui/input/button/components/LightIconButton'; import { useRightDrawer } from '../hooks/useRightDrawer'; diff --git a/packages/twenty-front/src/modules/ui/layout/right-drawer/components/RightDrawerTopBarExpandButton.tsx b/packages/twenty-front/src/modules/ui/layout/right-drawer/components/RightDrawerTopBarExpandButton.tsx index 701c69edf..2af3063ca 100644 --- a/packages/twenty-front/src/modules/ui/layout/right-drawer/components/RightDrawerTopBarExpandButton.tsx +++ b/packages/twenty-front/src/modules/ui/layout/right-drawer/components/RightDrawerTopBarExpandButton.tsx @@ -1,9 +1,9 @@ import { useRecoilState } from 'recoil'; - import { IconLayoutSidebarRightCollapse, IconLayoutSidebarRightExpand, -} from '@/ui/display/icon'; +} from 'twenty-ui'; + import { LightIconButton } from '@/ui/input/button/components/LightIconButton'; import { isRightDrawerExpandedState } from '../states/isRightDrawerExpandedState'; diff --git a/packages/twenty-front/src/modules/ui/layout/show-page/components/ShowPageAddButton.tsx b/packages/twenty-front/src/modules/ui/layout/show-page/components/ShowPageAddButton.tsx index 1b3f27383..883317ca5 100644 --- a/packages/twenty-front/src/modules/ui/layout/show-page/components/ShowPageAddButton.tsx +++ b/packages/twenty-front/src/modules/ui/layout/show-page/components/ShowPageAddButton.tsx @@ -1,10 +1,10 @@ import styled from '@emotion/styled'; +import { IconCheckbox, IconNotes, IconPlus } from 'twenty-ui'; import { useOpenCreateActivityDrawer } from '@/activities/hooks/useOpenCreateActivityDrawer'; import { ActivityType } from '@/activities/types/Activity'; import { ActivityTargetableObject } from '@/activities/types/ActivityTargetableEntity'; import { PageHotkeyScope } from '@/types/PageHotkeyScope'; -import { IconCheckbox, IconNotes, IconPlus } from '@/ui/display/icon/index'; import { IconButton } from '@/ui/input/button/components/IconButton'; import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/DropdownMenuItemsContainer'; import { useDropdown } from '@/ui/layout/dropdown/hooks/useDropdown'; diff --git a/packages/twenty-front/src/modules/ui/layout/show-page/components/ShowPageMoreButton.tsx b/packages/twenty-front/src/modules/ui/layout/show-page/components/ShowPageMoreButton.tsx index fee1454b6..166b568c8 100644 --- a/packages/twenty-front/src/modules/ui/layout/show-page/components/ShowPageMoreButton.tsx +++ b/packages/twenty-front/src/modules/ui/layout/show-page/components/ShowPageMoreButton.tsx @@ -1,10 +1,10 @@ import { useNavigate } from 'react-router-dom'; import styled from '@emotion/styled'; import { useRecoilValue } from 'recoil'; +import { IconDotsVertical, IconTrash } from 'twenty-ui'; import { useDeleteOneRecord } from '@/object-record/hooks/useDeleteOneRecord'; import { PageHotkeyScope } from '@/types/PageHotkeyScope'; -import { IconDotsVertical, IconTrash } from '@/ui/display/icon/index'; import { IconButton } from '@/ui/input/button/components/IconButton'; import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/DropdownMenuItemsContainer'; import { useDropdown } from '@/ui/layout/dropdown/hooks/useDropdown'; diff --git a/packages/twenty-front/src/modules/ui/layout/show-page/components/ShowPageRightContainer.tsx b/packages/twenty-front/src/modules/ui/layout/show-page/components/ShowPageRightContainer.tsx index ab1c70b84..0362a13e5 100644 --- a/packages/twenty-front/src/modules/ui/layout/show-page/components/ShowPageRightContainer.tsx +++ b/packages/twenty-front/src/modules/ui/layout/show-page/components/ShowPageRightContainer.tsx @@ -1,5 +1,13 @@ import styled from '@emotion/styled'; import { useRecoilValue } from 'recoil'; +import { + IconCalendarEvent, + IconCheckbox, + IconMail, + IconNotes, + IconPaperclip, + IconTimelineEvent, +} from 'twenty-ui'; import { Calendar } from '@/activities/calendar/components/Calendar'; import { EmailThreads } from '@/activities/emails/components/EmailThreads'; @@ -11,14 +19,6 @@ import { Timeline } from '@/activities/timeline/components/Timeline'; import { TimelineQueryEffect } from '@/activities/timeline/components/TimelineQueryEffect'; import { ActivityTargetableObject } from '@/activities/types/ActivityTargetableEntity'; import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular'; -import { - IconCalendarEvent, - IconCheckbox, - IconMail, - IconNotes, - IconPaperclip, - IconTimelineEvent, -} from '@/ui/display/icon'; import { TabList } from '@/ui/layout/tab/components/TabList'; import { useTabList } from '@/ui/layout/tab/hooks/useTabList'; import { useIsMobile } from '@/ui/utilities/responsive/hooks/useIsMobile'; diff --git a/packages/twenty-front/src/modules/ui/layout/tab/components/__stories__/Tab.stories.tsx b/packages/twenty-front/src/modules/ui/layout/tab/components/__stories__/Tab.stories.tsx index 606029693..86d426bba 100644 --- a/packages/twenty-front/src/modules/ui/layout/tab/components/__stories__/Tab.stories.tsx +++ b/packages/twenty-front/src/modules/ui/layout/tab/components/__stories__/Tab.stories.tsx @@ -1,6 +1,6 @@ import { Meta, StoryObj } from '@storybook/react'; +import { IconCheckbox } from 'twenty-ui'; -import { IconCheckbox } from '@/ui/display/icon'; import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator'; import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator'; import { CatalogStory } from '~/testing/types'; diff --git a/packages/twenty-front/src/modules/ui/layout/tab/components/__stories__/Tablist.stories.tsx b/packages/twenty-front/src/modules/ui/layout/tab/components/__stories__/Tablist.stories.tsx index a8eae0e9c..4023d1756 100644 --- a/packages/twenty-front/src/modules/ui/layout/tab/components/__stories__/Tablist.stories.tsx +++ b/packages/twenty-front/src/modules/ui/layout/tab/components/__stories__/Tablist.stories.tsx @@ -1,7 +1,7 @@ import { Meta, StoryObj } from '@storybook/react'; import { expect, within } from '@storybook/test'; +import { IconCheckbox } from 'twenty-ui'; -import { IconCheckbox } from '@/ui/display/icon'; import { RecoilScope } from '@/ui/utilities/recoil-scope/components/RecoilScope'; import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator'; diff --git a/packages/twenty-front/src/modules/ui/layout/table/components/TableSection.tsx b/packages/twenty-front/src/modules/ui/layout/table/components/TableSection.tsx index e37822299..cbec40532 100644 --- a/packages/twenty-front/src/modules/ui/layout/table/components/TableSection.tsx +++ b/packages/twenty-front/src/modules/ui/layout/table/components/TableSection.tsx @@ -1,8 +1,7 @@ import { ReactNode, useState } from 'react'; import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; - -import { IconChevronDown, IconChevronUp } from '@/ui/display/icon'; +import { IconChevronDown, IconChevronUp } from 'twenty-ui'; import { TableBody } from './TableBody'; diff --git a/packages/twenty-front/src/modules/ui/navigation/action-bar/components/ActionBarItem.tsx b/packages/twenty-front/src/modules/ui/navigation/action-bar/components/ActionBarItem.tsx index e6061b797..6240b30b9 100644 --- a/packages/twenty-front/src/modules/ui/navigation/action-bar/components/ActionBarItem.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/action-bar/components/ActionBarItem.tsx @@ -1,8 +1,8 @@ import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; import { MenuItem } from 'tsup.ui.index'; +import { IconChevronDown } from 'twenty-ui'; -import { IconChevronDown } from '@/ui/display/icon'; import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown'; import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/DropdownMenuItemsContainer'; import { useDropdown } from '@/ui/layout/dropdown/hooks/useDropdown'; diff --git a/packages/twenty-front/src/modules/ui/navigation/link/components/GithubVersionLink.tsx b/packages/twenty-front/src/modules/ui/navigation/link/components/GithubVersionLink.tsx index 67bc94ed9..57e86a6e6 100644 --- a/packages/twenty-front/src/modules/ui/navigation/link/components/GithubVersionLink.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/link/components/GithubVersionLink.tsx @@ -1,6 +1,6 @@ import { useTheme } from '@emotion/react'; +import { IconBrandGithub } from 'twenty-ui'; -import { IconBrandGithub } from '@/ui/display/icon'; import { ActionLink } from '@/ui/navigation/link/components/ActionLink.tsx'; import packageJson from '../../../../../../package.json'; diff --git a/packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemNavigate.tsx b/packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemNavigate.tsx index f470273e8..e8f9ef8a4 100644 --- a/packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemNavigate.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemNavigate.tsx @@ -1,6 +1,6 @@ import { useTheme } from '@emotion/react'; +import { IconChevronRight } from 'twenty-ui'; -import { IconChevronRight } from '@/ui/display/icon'; import { IconComponent } from '@/ui/display/icon/types/IconComponent'; import { MenuItemLeftContent } from '../internals/components/MenuItemLeftContent'; diff --git a/packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemSelect.tsx b/packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemSelect.tsx index dadd59ff8..8d6e24ecd 100644 --- a/packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemSelect.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemSelect.tsx @@ -1,7 +1,7 @@ import { css, useTheme } from '@emotion/react'; import styled from '@emotion/styled'; +import { IconCheck } from 'twenty-ui'; -import { IconCheck } from '@/ui/display/icon'; import { IconComponent } from '@/ui/display/icon/types/IconComponent'; import { MenuItemLeftContent } from '../internals/components/MenuItemLeftContent'; diff --git a/packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemSelectAvatar.tsx b/packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemSelectAvatar.tsx index 14756606e..dfe673066 100644 --- a/packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemSelectAvatar.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemSelectAvatar.tsx @@ -1,7 +1,7 @@ import { ReactNode } from 'react'; import { useTheme } from '@emotion/react'; +import { IconCheck } from 'twenty-ui'; -import { IconCheck } from '@/ui/display/icon'; import { OverflowingTextWithTooltip } from '@/ui/display/tooltip/OverflowingTextWithTooltip'; import { diff --git a/packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemSelectColor.tsx b/packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemSelectColor.tsx index 90e535fab..e22b91f5d 100644 --- a/packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemSelectColor.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemSelectColor.tsx @@ -1,10 +1,10 @@ import { useTheme } from '@emotion/react'; +import { IconCheck } from 'twenty-ui'; import { ColorSample, ColorSampleVariant, } from '@/ui/display/color/components/ColorSample'; -import { IconCheck } from '@/ui/display/icon'; import { ThemeColor } from '@/ui/theme/constants/MainColorNames'; import { diff --git a/packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemSelectTag.tsx b/packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemSelectTag.tsx index 3038fa3a8..a269f1e8c 100644 --- a/packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemSelectTag.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemSelectTag.tsx @@ -1,7 +1,7 @@ import { useTheme } from '@emotion/react'; import { Tag } from 'tsup.ui.index'; +import { IconCheck } from 'twenty-ui'; -import { IconCheck } from '@/ui/display/icon'; import { ThemeColor } from '@/ui/theme/constants/MainColorNames'; import { StyledMenuItemLeftContent } from '../internals/components/StyledMenuItemBase'; diff --git a/packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItem.stories.tsx b/packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItem.stories.tsx index 171421c32..b1446be8d 100644 --- a/packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItem.stories.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItem.stories.tsx @@ -1,6 +1,6 @@ import { Meta, StoryObj } from '@storybook/react'; +import { IconBell } from 'twenty-ui'; -import { IconBell } from '@/ui/display/icon'; import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator'; import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator'; import { CatalogStory } from '~/testing/types'; diff --git a/packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItemCommand.stories.tsx b/packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItemCommand.stories.tsx index 6162d06ea..1f7899d50 100644 --- a/packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItemCommand.stories.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItemCommand.stories.tsx @@ -1,6 +1,6 @@ import { Meta, StoryObj } from '@storybook/react'; +import { IconBell } from 'twenty-ui'; -import { IconBell } from '@/ui/display/icon'; import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator'; import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator'; import { CatalogStory } from '~/testing/types'; diff --git a/packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItemDraggable.stories.tsx b/packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItemDraggable.stories.tsx index 0e6cd65d5..cf4236267 100644 --- a/packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItemDraggable.stories.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItemDraggable.stories.tsx @@ -1,6 +1,6 @@ import { Meta, StoryObj } from '@storybook/react'; +import { IconBell, IconMinus } from 'twenty-ui'; -import { IconBell, IconMinus } from '@/ui/display/icon'; import { CatalogDecorator, CatalogDimension, diff --git a/packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItemMultiSelect.stories.tsx b/packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItemMultiSelect.stories.tsx index 343315408..b4aaebff7 100644 --- a/packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItemMultiSelect.stories.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItemMultiSelect.stories.tsx @@ -1,6 +1,6 @@ import { Meta, StoryObj } from '@storybook/react'; +import { IconBell } from 'twenty-ui'; -import { IconBell } from '@/ui/display/icon'; import { CatalogDecorator, CatalogDimension, diff --git a/packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItemNavigate.stories.tsx b/packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItemNavigate.stories.tsx index 3c7d00983..53a7bf2be 100644 --- a/packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItemNavigate.stories.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItemNavigate.stories.tsx @@ -1,6 +1,6 @@ import { Meta, StoryObj } from '@storybook/react'; +import { IconBell } from 'twenty-ui'; -import { IconBell } from '@/ui/display/icon'; import { CatalogDecorator, CatalogDimension, diff --git a/packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItemSelect.stories.tsx b/packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItemSelect.stories.tsx index 420f2c94a..501156039 100644 --- a/packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItemSelect.stories.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItemSelect.stories.tsx @@ -1,6 +1,6 @@ import { Meta, StoryObj } from '@storybook/react'; +import { IconBell } from 'twenty-ui'; -import { IconBell } from '@/ui/display/icon'; import { CatalogDecorator, CatalogDimension, diff --git a/packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItemToggle.stories.tsx b/packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItemToggle.stories.tsx index 10b04995f..9c7d05389 100644 --- a/packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItemToggle.stories.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/menu-item/components/__stories__/MenuItemToggle.stories.tsx @@ -1,6 +1,6 @@ import { Meta, StoryObj } from '@storybook/react'; +import { IconBell } from 'twenty-ui'; -import { IconBell } from '@/ui/display/icon'; import { CatalogDecorator, CatalogDimension, diff --git a/packages/twenty-front/src/modules/ui/navigation/menu-item/internals/components/MenuItemLeftContent.tsx b/packages/twenty-front/src/modules/ui/navigation/menu-item/internals/components/MenuItemLeftContent.tsx index 28ff53e5e..7c41b4a31 100644 --- a/packages/twenty-front/src/modules/ui/navigation/menu-item/internals/components/MenuItemLeftContent.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/menu-item/internals/components/MenuItemLeftContent.tsx @@ -1,6 +1,6 @@ import { useTheme } from '@emotion/react'; +import { IconGripVertical } from 'twenty-ui'; -import { IconGripVertical } from '@/ui/display/icon'; import { IconComponent } from '@/ui/display/icon/types/IconComponent'; import { OverflowingTextWithTooltip } from '@/ui/display/tooltip/OverflowingTextWithTooltip'; diff --git a/packages/twenty-front/src/modules/ui/navigation/navigation-bar/components/__stories__/NavigationBar.stories.tsx b/packages/twenty-front/src/modules/ui/navigation/navigation-bar/components/__stories__/NavigationBar.stories.tsx index e1bc8bb72..30d9d86d7 100644 --- a/packages/twenty-front/src/modules/ui/navigation/navigation-bar/components/__stories__/NavigationBar.stories.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/navigation-bar/components/__stories__/NavigationBar.stories.tsx @@ -1,11 +1,6 @@ import { Meta, StoryObj } from '@storybook/react'; +import { IconCheckbox, IconList, IconSearch, IconSettings } from 'twenty-ui'; -import { - IconCheckbox, - IconList, - IconSearch, - IconSettings, -} from '@/ui/display/icon'; import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator'; import { ComponentWithRouterDecorator } from '~/testing/decorators/ComponentWithRouterDecorator'; diff --git a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/MultiWorkspaceDropdownButton.tsx b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/MultiWorkspaceDropdownButton.tsx index 04e3217db..560310364 100644 --- a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/MultiWorkspaceDropdownButton.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/MultiWorkspaceDropdownButton.tsx @@ -2,10 +2,10 @@ import { useState } from 'react'; import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; import { useRecoilValue } from 'recoil'; +import { IconChevronDown } from 'twenty-ui'; import { currentWorkspaceState } from '@/auth/states/currentWorkspaceState'; import { Workspaces } from '@/auth/states/workspaces'; -import { IconChevronDown } from '@/ui/display/icon'; import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown'; import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/DropdownMenuItemsContainer'; import { useDropdown } from '@/ui/layout/dropdown/hooks/useDropdown'; diff --git a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerBackButton.tsx b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerBackButton.tsx index 30f478a93..3c775d230 100644 --- a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerBackButton.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerBackButton.tsx @@ -2,8 +2,8 @@ import { useNavigate } from 'react-router-dom'; import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; import { useRecoilValue } from 'recoil'; +import { IconChevronLeft } from 'twenty-ui'; -import { IconChevronLeft } from '@/ui/display/icon/index'; import { navigationMemorizedUrlState } from '@/ui/navigation/states/navigationMemorizedUrlState'; type NavigationDrawerBackButtonProps = { diff --git a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerCollapseButton.tsx b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerCollapseButton.tsx index 2f82eb4c8..856cb3041 100644 --- a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerCollapseButton.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerCollapseButton.tsx @@ -1,10 +1,10 @@ import styled from '@emotion/styled'; import { useSetRecoilState } from 'recoil'; - import { IconLayoutSidebarLeftCollapse, IconLayoutSidebarRightCollapse, -} from '@/ui/display/icon'; +} from 'twenty-ui'; + import { IconButton } from '@/ui/input/button/components/IconButton'; import { isNavigationDrawerOpenState } from '@/ui/navigation/states/isNavigationDrawerOpenState'; diff --git a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/__stories__/NavigationDrawer.stories.tsx b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/__stories__/NavigationDrawer.stories.tsx index efd78f5e3..96d16a552 100644 --- a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/__stories__/NavigationDrawer.stories.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/__stories__/NavigationDrawer.stories.tsx @@ -1,8 +1,4 @@ import { Meta, StoryObj } from '@storybook/react'; - -import { Favorites } from '@/favorites/components/Favorites'; -import { getSettingsPagePath } from '@/settings/utils/getSettingsPagePath'; -import { SettingsPath } from '@/types/SettingsPath'; import { IconAt, IconBell, @@ -18,7 +14,11 @@ import { IconUser, IconUserCircle, IconUsers, -} from '@/ui/display/icon'; +} from 'twenty-ui'; + +import { Favorites } from '@/favorites/components/Favorites'; +import { getSettingsPagePath } from '@/settings/utils/getSettingsPagePath'; +import { SettingsPath } from '@/types/SettingsPath'; import { GithubVersionLink } from '@/ui/navigation/link/components/GithubVersionLink'; import { ComponentWithRouterDecorator } from '~/testing/decorators/ComponentWithRouterDecorator'; import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator'; diff --git a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/__stories__/NavigationDrawerItem.stories.tsx b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/__stories__/NavigationDrawerItem.stories.tsx index c7f7957d8..90fb66e33 100644 --- a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/__stories__/NavigationDrawerItem.stories.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/__stories__/NavigationDrawerItem.stories.tsx @@ -1,7 +1,7 @@ import styled from '@emotion/styled'; import { Meta, StoryObj } from '@storybook/react'; +import { IconSearch } from 'twenty-ui'; -import { IconSearch } from '@/ui/display/icon'; import { CatalogDecorator } from '~/testing/decorators/CatalogDecorator'; import { ComponentWithRouterDecorator } from '~/testing/decorators/ComponentWithRouterDecorator'; import { MemoryRouterDecorator } from '~/testing/decorators/MemoryRouterDecorator'; diff --git a/packages/twenty-front/src/modules/views/components/EditableSortChip.tsx b/packages/twenty-front/src/modules/views/components/EditableSortChip.tsx index 0201b632c..c1cab0fda 100644 --- a/packages/twenty-front/src/modules/views/components/EditableSortChip.tsx +++ b/packages/twenty-front/src/modules/views/components/EditableSortChip.tsx @@ -1,5 +1,6 @@ +import { IconArrowDown, IconArrowUp } from 'twenty-ui'; + import { Sort } from '@/object-record/object-sort-dropdown/types/Sort'; -import { IconArrowDown, IconArrowUp } from '@/ui/display/icon/index'; import { SortOrFilterChip } from '@/views/components/SortOrFilterChip'; import { useCombinedViewSorts } from '@/views/hooks/useCombinedViewSorts'; diff --git a/packages/twenty-front/src/modules/views/components/SortOrFilterChip.tsx b/packages/twenty-front/src/modules/views/components/SortOrFilterChip.tsx index 13fe04c93..3da7f3405 100644 --- a/packages/twenty-front/src/modules/views/components/SortOrFilterChip.tsx +++ b/packages/twenty-front/src/modules/views/components/SortOrFilterChip.tsx @@ -1,7 +1,7 @@ import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; +import { IconX } from 'twenty-ui'; -import { IconX } from '@/ui/display/icon/index'; import { IconComponent } from '@/ui/display/icon/types/IconComponent'; const StyledChip = styled.div` diff --git a/packages/twenty-front/src/modules/views/components/UpdateViewButtonGroup.tsx b/packages/twenty-front/src/modules/views/components/UpdateViewButtonGroup.tsx index 0bc6c4316..cd90660e2 100644 --- a/packages/twenty-front/src/modules/views/components/UpdateViewButtonGroup.tsx +++ b/packages/twenty-front/src/modules/views/components/UpdateViewButtonGroup.tsx @@ -1,8 +1,8 @@ import { useCallback } from 'react'; import styled from '@emotion/styled'; import { useRecoilValue, useSetRecoilState } from 'recoil'; +import { IconChevronDown, IconPlus } from 'twenty-ui'; -import { IconChevronDown, IconPlus } from '@/ui/display/icon'; import { Button } from '@/ui/input/button/components/Button'; import { ButtonGroup } from '@/ui/input/button/components/ButtonGroup'; import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown'; diff --git a/packages/twenty-front/src/modules/views/components/ViewFieldsVisibilityDropdownSection.tsx b/packages/twenty-front/src/modules/views/components/ViewFieldsVisibilityDropdownSection.tsx index 32a784192..bd8b19cc6 100644 --- a/packages/twenty-front/src/modules/views/components/ViewFieldsVisibilityDropdownSection.tsx +++ b/packages/twenty-front/src/modules/views/components/ViewFieldsVisibilityDropdownSection.tsx @@ -5,11 +5,10 @@ import { OnDragEndResponder, ResponderProvided, } from '@hello-pangea/dnd'; +import { IconInfoCircle, IconMinus, IconPlus } from 'twenty-ui'; import { FieldMetadata } from '@/object-record/record-field/types/FieldMetadata'; import { ColumnDefinition } from '@/object-record/record-table/types/ColumnDefinition'; -import { IconMinus, IconPlus } from '@/ui/display/icon'; -import { IconInfoCircle } from '@/ui/display/icon'; import { useIcons } from '@/ui/display/icon/hooks/useIcons'; import { AppTooltip } from '@/ui/display/tooltip/AppTooltip'; import { DraggableItem } from '@/ui/layout/draggable-list/components/DraggableItem'; diff --git a/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerCreateOrEditContent.tsx b/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerCreateOrEditContent.tsx index b57dc8128..92e98f3fc 100644 --- a/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerCreateOrEditContent.tsx +++ b/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerCreateOrEditContent.tsx @@ -1,8 +1,8 @@ import styled from '@emotion/styled'; import { useRecoilState, useRecoilValue } from 'recoil'; import { Key } from 'ts-key-enum'; +import { IconChevronLeft, IconX } from 'twenty-ui'; -import { IconChevronLeft, IconX } from '@/ui/display/icon'; import { IconPicker } from '@/ui/input/components/IconPicker'; import { Select } from '@/ui/input/components/Select'; import { DropdownMenuHeader } from '@/ui/layout/dropdown/components/DropdownMenuHeader'; diff --git a/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerDropdown.tsx b/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerDropdown.tsx index b46b94416..53e455feb 100644 --- a/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerDropdown.tsx +++ b/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerDropdown.tsx @@ -1,8 +1,8 @@ import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; import { useRecoilValue } from 'recoil'; +import { IconChevronDown, IconList } from 'twenty-ui'; -import { IconChevronDown, IconList } from '@/ui/display/icon'; import { useIcons } from '@/ui/display/icon/hooks/useIcons'; import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown'; import { StyledDropdownButtonContainer } from '@/ui/layout/dropdown/components/StyledDropdownButtonContainer'; diff --git a/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerListContent.tsx b/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerListContent.tsx index 2ffe6eb0b..7bba07e62 100644 --- a/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerListContent.tsx +++ b/packages/twenty-front/src/modules/views/view-picker/components/ViewPickerListContent.tsx @@ -1,8 +1,8 @@ import { MouseEvent } from 'react'; import styled from '@emotion/styled'; import { useSetRecoilState } from 'recoil'; +import { IconLock, IconPencil, IconPlus } from 'twenty-ui'; -import { IconLock, IconPencil, IconPlus } from '@/ui/display/icon'; import { useIcons } from '@/ui/display/icon/hooks/useIcons'; import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/DropdownMenuItemsContainer'; import { DropdownMenuSeparator } from '@/ui/layout/dropdown/components/DropdownMenuSeparator'; diff --git a/packages/twenty-front/src/modules/workspace/components/WorkspaceInviteLink.tsx b/packages/twenty-front/src/modules/workspace/components/WorkspaceInviteLink.tsx index 0a9e53f3a..4d855daae 100644 --- a/packages/twenty-front/src/modules/workspace/components/WorkspaceInviteLink.tsx +++ b/packages/twenty-front/src/modules/workspace/components/WorkspaceInviteLink.tsx @@ -1,7 +1,7 @@ import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; +import { IconCopy, IconLink } from 'twenty-ui'; -import { IconCopy, IconLink } from '@/ui/display/icon'; import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar'; import { Button } from '@/ui/input/button/components/Button'; import { TextInput } from '@/ui/input/components/TextInput'; diff --git a/packages/twenty-front/src/pages/auth/PaymentSuccess.tsx b/packages/twenty-front/src/pages/auth/PaymentSuccess.tsx index 48c65566f..4ceda8b8d 100644 --- a/packages/twenty-front/src/pages/auth/PaymentSuccess.tsx +++ b/packages/twenty-front/src/pages/auth/PaymentSuccess.tsx @@ -2,11 +2,11 @@ import React from 'react'; import { useNavigate } from 'react-router-dom'; import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; +import { IconCheck } from 'twenty-ui'; import { SubTitle } from '@/auth/components/SubTitle.tsx'; import { Title } from '@/auth/components/Title.tsx'; import { AppPath } from '@/types/AppPath.ts'; -import { IconCheck } from '@/ui/display/icon'; import { MainButton } from '@/ui/input/button/components/MainButton.tsx'; import { RGBA } from '@/ui/theme/constants/Rgba.ts'; import { AnimatedEaseIn } from '@/ui/utilities/animation/components/AnimatedEaseIn.tsx'; diff --git a/packages/twenty-front/src/pages/object-record/RecordShowPage.tsx b/packages/twenty-front/src/pages/object-record/RecordShowPage.tsx index 3edd5d3e9..f82058488 100644 --- a/packages/twenty-front/src/pages/object-record/RecordShowPage.tsx +++ b/packages/twenty-front/src/pages/object-record/RecordShowPage.tsx @@ -1,13 +1,13 @@ import { useEffect } from 'react'; import { useParams } from 'react-router-dom'; import { useSetRecoilState } from 'recoil'; +import { IconBuildingSkyscraper } from 'twenty-ui'; import { useFavorites } from '@/favorites/hooks/useFavorites'; import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem'; import { useFindOneRecord } from '@/object-record/hooks/useFindOneRecord'; import { RecordShowContainer } from '@/object-record/record-show/components/RecordShowContainer'; import { recordStoreFamilyState } from '@/object-record/record-store/states/recordStoreFamilyState'; -import { IconBuildingSkyscraper } from '@/ui/display/icon'; import { PageBody } from '@/ui/layout/page/PageBody'; import { PageContainer } from '@/ui/layout/page/PageContainer'; import { PageFavoriteButton } from '@/ui/layout/page/PageFavoriteButton'; diff --git a/packages/twenty-front/src/pages/settings/SettingsAppearance.tsx b/packages/twenty-front/src/pages/settings/SettingsAppearance.tsx index 02a1735aa..30db3ecf8 100644 --- a/packages/twenty-front/src/pages/settings/SettingsAppearance.tsx +++ b/packages/twenty-front/src/pages/settings/SettingsAppearance.tsx @@ -1,7 +1,7 @@ import styled from '@emotion/styled'; +import { IconSettings } from 'twenty-ui'; import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer'; -import { IconSettings } from '@/ui/display/icon'; import { H1Title } from '@/ui/display/typography/components/H1Title'; import { H2Title } from '@/ui/display/typography/components/H2Title'; import { ColorSchemePicker } from '@/ui/input/color-scheme/components/ColorSchemePicker'; diff --git a/packages/twenty-front/src/pages/settings/SettingsBilling.tsx b/packages/twenty-front/src/pages/settings/SettingsBilling.tsx index fb77dfacc..7227da990 100644 --- a/packages/twenty-front/src/pages/settings/SettingsBilling.tsx +++ b/packages/twenty-front/src/pages/settings/SettingsBilling.tsx @@ -2,6 +2,12 @@ import React, { useState } from 'react'; import { useNavigate } from 'react-router-dom'; import styled from '@emotion/styled'; import { useRecoilValue, useSetRecoilState } from 'recoil'; +import { + IconCalendarEvent, + IconCircleX, + IconCreditCard, + IconCurrencyDollar, +} from 'twenty-ui'; import { useOnboardingStatus } from '@/auth/hooks/useOnboardingStatus.ts'; import { currentWorkspaceState } from '@/auth/states/currentWorkspaceState.ts'; @@ -10,8 +16,6 @@ import { SettingsBillingCoverImage } from '@/billing/components/SettingsBillingC import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer'; import { SupportChat } from '@/support/components/SupportChat'; import { AppPath } from '@/types/AppPath.ts'; -import { IconCalendarEvent, IconCircleX } from '@/ui/display/icon'; -import { IconCreditCard, IconCurrencyDollar } from '@/ui/display/icon'; import { Info } from '@/ui/display/info/components/Info'; import { H1Title } from '@/ui/display/typography/components/H1Title'; import { H2Title } from '@/ui/display/typography/components/H2Title'; diff --git a/packages/twenty-front/src/pages/settings/SettingsProfile.tsx b/packages/twenty-front/src/pages/settings/SettingsProfile.tsx index bebda10dc..ad846c603 100644 --- a/packages/twenty-front/src/pages/settings/SettingsProfile.tsx +++ b/packages/twenty-front/src/pages/settings/SettingsProfile.tsx @@ -1,4 +1,5 @@ import styled from '@emotion/styled'; +import { IconSettings } from 'twenty-ui'; import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer'; import { ChangePassword } from '@/settings/profile/components/ChangePassword'; @@ -6,7 +7,6 @@ import { DeleteAccount } from '@/settings/profile/components/DeleteAccount'; import { EmailField } from '@/settings/profile/components/EmailField'; import { NameFields } from '@/settings/profile/components/NameFields'; import { ProfilePictureUploader } from '@/settings/profile/components/ProfilePictureUploader'; -import { IconSettings } from '@/ui/display/icon'; import { H1Title } from '@/ui/display/typography/components/H1Title'; import { H2Title } from '@/ui/display/typography/components/H2Title'; import { SubMenuTopBarContainer } from '@/ui/layout/page/SubMenuTopBarContainer'; diff --git a/packages/twenty-front/src/pages/settings/SettingsWorkspace.tsx b/packages/twenty-front/src/pages/settings/SettingsWorkspace.tsx index a9dd3f3e8..c52bf6e5e 100644 --- a/packages/twenty-front/src/pages/settings/SettingsWorkspace.tsx +++ b/packages/twenty-front/src/pages/settings/SettingsWorkspace.tsx @@ -1,11 +1,11 @@ import styled from '@emotion/styled'; +import { IconSettings } from 'twenty-ui'; import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer'; import { DeleteWorkspace } from '@/settings/profile/components/DeleteWorkspace'; import { NameField } from '@/settings/workspace/components/NameField'; import { ToggleImpersonate } from '@/settings/workspace/components/ToggleImpersonate'; import { WorkspaceLogoUploader } from '@/settings/workspace/components/WorkspaceLogoUploader'; -import { IconSettings } from '@/ui/display/icon'; import { H1Title } from '@/ui/display/typography/components/H1Title'; import { H2Title } from '@/ui/display/typography/components/H2Title'; import { SubMenuTopBarContainer } from '@/ui/layout/page/SubMenuTopBarContainer'; diff --git a/packages/twenty-front/src/pages/settings/SettingsWorkspaceMembers.tsx b/packages/twenty-front/src/pages/settings/SettingsWorkspaceMembers.tsx index bd63e8978..6881feeb5 100644 --- a/packages/twenty-front/src/pages/settings/SettingsWorkspaceMembers.tsx +++ b/packages/twenty-front/src/pages/settings/SettingsWorkspaceMembers.tsx @@ -1,6 +1,7 @@ import { useState } from 'react'; import styled from '@emotion/styled'; import { useRecoilValue } from 'recoil'; +import { IconSettings, IconTrash } from 'twenty-ui'; import { currentWorkspaceMemberState } from '@/auth/states/currentWorkspaceMemberState'; import { currentWorkspaceState } from '@/auth/states/currentWorkspaceState'; @@ -8,7 +9,6 @@ import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSi import { useDeleteOneRecord } from '@/object-record/hooks/useDeleteOneRecord'; import { useFindManyRecords } from '@/object-record/hooks/useFindManyRecords'; import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer'; -import { IconSettings, IconTrash } from '@/ui/display/icon'; import { H1Title } from '@/ui/display/typography/components/H1Title'; import { H2Title } from '@/ui/display/typography/components/H2Title'; import { IconButton } from '@/ui/input/button/components/IconButton'; diff --git a/packages/twenty-front/src/pages/settings/accounts/SettingsAccounts.tsx b/packages/twenty-front/src/pages/settings/accounts/SettingsAccounts.tsx index 0beefb76a..c9a16292e 100644 --- a/packages/twenty-front/src/pages/settings/accounts/SettingsAccounts.tsx +++ b/packages/twenty-front/src/pages/settings/accounts/SettingsAccounts.tsx @@ -1,4 +1,5 @@ import { useRecoilValue } from 'recoil'; +import { IconSettings } from 'twenty-ui'; import { ConnectedAccount } from '@/accounts/types/ConnectedAccount'; import { currentWorkspaceMemberState } from '@/auth/states/currentWorkspaceMemberState'; @@ -8,7 +9,6 @@ import { SettingsAccountsConnectedAccountsListCard } from '@/settings/accounts/c import { SettingsAccountsEmailsBlocklistSection } from '@/settings/accounts/components/SettingsAccountsEmailsBlocklistSection'; import { SettingsAccountsSettingsSection } from '@/settings/accounts/components/SettingsAccountsSettingsSection'; import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer'; -import { IconSettings } from '@/ui/display/icon'; import { H2Title } from '@/ui/display/typography/components/H2Title'; import { SubMenuTopBarContainer } from '@/ui/layout/page/SubMenuTopBarContainer'; import { Section } from '@/ui/layout/section/components/Section'; diff --git a/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsCalendars.tsx b/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsCalendars.tsx index 5413b5dc1..be966acf5 100644 --- a/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsCalendars.tsx +++ b/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsCalendars.tsx @@ -1,5 +1,6 @@ import { addMinutes, endOfDay, min, startOfDay } from 'date-fns'; import { useRecoilValue } from 'recoil'; +import { IconSettings } from 'twenty-ui'; import { CalendarChannel } from '@/accounts/types/CalendarChannel'; import { ConnectedAccount } from '@/accounts/types/ConnectedAccount'; @@ -13,7 +14,6 @@ import { SettingsAccountsCalendarDisplaySettings } from '@/settings/accounts/com import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer'; import { getSettingsPagePath } from '@/settings/utils/getSettingsPagePath'; import { SettingsPath } from '@/types/SettingsPath'; -import { IconSettings } from '@/ui/display/icon'; import { H2Title } from '@/ui/display/typography/components/H2Title'; import { SubMenuTopBarContainer } from '@/ui/layout/page/SubMenuTopBarContainer'; import { Section } from '@/ui/layout/section/components/Section'; diff --git a/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsCalendarsSettings.tsx b/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsCalendarsSettings.tsx index 88f32ba59..ed0866e96 100644 --- a/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsCalendarsSettings.tsx +++ b/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsCalendarsSettings.tsx @@ -2,6 +2,7 @@ import { useEffect } from 'react'; import { useNavigate, useParams } from 'react-router-dom'; import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; +import { IconRefresh, IconSettings, IconUser } from 'twenty-ui'; import { CalendarChannel, @@ -17,7 +18,6 @@ import { SettingsPageContainer } from '@/settings/components/SettingsPageContain import { getSettingsPagePath } from '@/settings/utils/getSettingsPagePath'; import { AppPath } from '@/types/AppPath'; import { SettingsPath } from '@/types/SettingsPath'; -import { IconRefresh, IconSettings, IconUser } from '@/ui/display/icon'; import { H2Title } from '@/ui/display/typography/components/H2Title'; import { SubMenuTopBarContainer } from '@/ui/layout/page/SubMenuTopBarContainer'; import { Section } from '@/ui/layout/section/components/Section'; diff --git a/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsEmails.tsx b/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsEmails.tsx index 5acc9461e..c6ba3a5e3 100644 --- a/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsEmails.tsx +++ b/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsEmails.tsx @@ -1,6 +1,7 @@ +import { IconSettings } from 'twenty-ui'; + import { SettingsAccountsMessageChannelsListCard } from '@/settings/accounts/components/SettingsAccountsMessageChannelsListCard'; import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer'; -import { IconSettings } from '@/ui/display/icon'; import { H2Title } from '@/ui/display/typography/components/H2Title'; import { SubMenuTopBarContainer } from '@/ui/layout/page/SubMenuTopBarContainer'; import { Section } from '@/ui/layout/section/components/Section'; diff --git a/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsEmailsInboxSettings.tsx b/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsEmailsInboxSettings.tsx index 00b3f87d2..e7abe23c8 100644 --- a/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsEmailsInboxSettings.tsx +++ b/packages/twenty-front/src/pages/settings/accounts/SettingsAccountsEmailsInboxSettings.tsx @@ -1,6 +1,7 @@ import { useEffect } from 'react'; import { useNavigate, useParams } from 'react-router-dom'; import { useTheme } from '@emotion/react'; +import { IconSettings, IconUser } from 'twenty-ui'; import { MessageChannel } from '@/accounts/types/MessageChannel'; import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular'; @@ -14,7 +15,6 @@ import { import { SettingsAccountsToggleSettingCard } from '@/settings/accounts/components/SettingsAccountsToggleSettingCard'; import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer'; import { AppPath } from '@/types/AppPath'; -import { IconSettings, IconUser } from '@/ui/display/icon'; import { H2Title } from '@/ui/display/typography/components/H2Title'; import { SubMenuTopBarContainer } from '@/ui/layout/page/SubMenuTopBarContainer'; import { Section } from '@/ui/layout/section/components/Section'; diff --git a/packages/twenty-front/src/pages/settings/accounts/SettingsNewAccount.tsx b/packages/twenty-front/src/pages/settings/accounts/SettingsNewAccount.tsx index 2371127b7..7c7a5d31b 100644 --- a/packages/twenty-front/src/pages/settings/accounts/SettingsNewAccount.tsx +++ b/packages/twenty-front/src/pages/settings/accounts/SettingsNewAccount.tsx @@ -1,6 +1,7 @@ +import { IconSettings } from 'twenty-ui'; + import { SettingsNewAccountSection } from '@/settings/accounts/components/SettingsNewAccountSection'; import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer'; -import { IconSettings } from '@/ui/display/icon'; import { SubMenuTopBarContainer } from '@/ui/layout/page/SubMenuTopBarContainer'; import { Breadcrumb } from '@/ui/navigation/bread-crumb/components/Breadcrumb'; diff --git a/packages/twenty-front/src/pages/settings/data-model/SettingsNewObject.tsx b/packages/twenty-front/src/pages/settings/data-model/SettingsNewObject.tsx index ea4d85a80..118b489f7 100644 --- a/packages/twenty-front/src/pages/settings/data-model/SettingsNewObject.tsx +++ b/packages/twenty-front/src/pages/settings/data-model/SettingsNewObject.tsx @@ -1,6 +1,7 @@ import { FormProvider, useForm } from 'react-hook-form'; import { useNavigate } from 'react-router-dom'; import { zodResolver } from '@hookform/resolvers/zod'; +import { IconSettings } from 'twenty-ui'; import { z } from 'zod'; import { useCreateOneObjectMetadataItem } from '@/object-metadata/hooks/useCreateOneObjectMetadataItem'; @@ -15,7 +16,6 @@ import { import { settingsCreateObjectInputSchema } from '@/settings/data-model/validation-schemas/settingsCreateObjectInputSchema'; import { getSettingsPagePath } from '@/settings/utils/getSettingsPagePath'; import { SettingsPath } from '@/types/SettingsPath'; -import { IconSettings } from '@/ui/display/icon'; import { H2Title } from '@/ui/display/typography/components/H2Title'; import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar'; import { SubMenuTopBarContainer } from '@/ui/layout/page/SubMenuTopBarContainer'; diff --git a/packages/twenty-front/src/pages/settings/data-model/SettingsObjectDetail.tsx b/packages/twenty-front/src/pages/settings/data-model/SettingsObjectDetail.tsx index e68ec8a27..26048b9a0 100644 --- a/packages/twenty-front/src/pages/settings/data-model/SettingsObjectDetail.tsx +++ b/packages/twenty-front/src/pages/settings/data-model/SettingsObjectDetail.tsx @@ -1,6 +1,7 @@ import { useEffect } from 'react'; import { useNavigate, useParams } from 'react-router-dom'; import styled from '@emotion/styled'; +import { IconPlus, IconSettings } from 'twenty-ui'; import { LABEL_IDENTIFIER_FIELD_METADATA_TYPES } from '@/object-metadata/constants/LabelIdentifierFieldMetadataTypes'; import { useFieldMetadataItem } from '@/object-metadata/hooks/useFieldMetadataItem'; @@ -23,7 +24,6 @@ import { getFieldIdentifierType } from '@/settings/data-model/utils/getFieldIden import { getSettingsPagePath } from '@/settings/utils/getSettingsPagePath'; import { AppPath } from '@/types/AppPath'; import { SettingsPath } from '@/types/SettingsPath'; -import { IconPlus, IconSettings } from '@/ui/display/icon'; import { H2Title } from '@/ui/display/typography/components/H2Title'; import { Button } from '@/ui/input/button/components/Button'; import { SubMenuTopBarContainer } from '@/ui/layout/page/SubMenuTopBarContainer'; diff --git a/packages/twenty-front/src/pages/settings/data-model/SettingsObjectEdit.tsx b/packages/twenty-front/src/pages/settings/data-model/SettingsObjectEdit.tsx index c915a1612..4e7f77ace 100644 --- a/packages/twenty-front/src/pages/settings/data-model/SettingsObjectEdit.tsx +++ b/packages/twenty-front/src/pages/settings/data-model/SettingsObjectEdit.tsx @@ -3,6 +3,7 @@ import { FormProvider, useForm } from 'react-hook-form'; import { useNavigate, useParams } from 'react-router-dom'; import { zodResolver } from '@hookform/resolvers/zod'; import pick from 'lodash.pick'; +import { IconArchive, IconSettings } from 'twenty-ui'; import { z } from 'zod'; import { useObjectMetadataItemForSettings } from '@/object-metadata/hooks/useObjectMetadataItemForSettings'; @@ -21,7 +22,6 @@ import { settingsUpdateObjectInputSchema } from '@/settings/data-model/validatio import { getSettingsPagePath } from '@/settings/utils/getSettingsPagePath'; import { AppPath } from '@/types/AppPath'; import { SettingsPath } from '@/types/SettingsPath'; -import { IconArchive, IconSettings } from '@/ui/display/icon'; import { H2Title } from '@/ui/display/typography/components/H2Title'; import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar'; import { Button } from '@/ui/input/button/components/Button'; diff --git a/packages/twenty-front/src/pages/settings/data-model/SettingsObjectFieldEdit.tsx b/packages/twenty-front/src/pages/settings/data-model/SettingsObjectFieldEdit.tsx index 5fcb59555..1a8da0b0f 100644 --- a/packages/twenty-front/src/pages/settings/data-model/SettingsObjectFieldEdit.tsx +++ b/packages/twenty-front/src/pages/settings/data-model/SettingsObjectFieldEdit.tsx @@ -2,6 +2,7 @@ import { useEffect, useMemo } from 'react'; import { useNavigate, useParams } from 'react-router-dom'; import styled from '@emotion/styled'; import { isNonEmptyString } from '@sniptt/guards'; +import { IconArchive, IconSettings } from 'twenty-ui'; import { useFieldMetadataItem } from '@/object-metadata/hooks/useFieldMetadataItem'; import { useGetRelationMetadata } from '@/object-metadata/hooks/useGetRelationMetadata'; @@ -19,7 +20,6 @@ import { SettingsDataModelFieldTypeSelect } from '@/settings/data-model/fields/f import { useFieldMetadataForm } from '@/settings/data-model/fields/forms/hooks/useFieldMetadataForm'; import { isFieldTypeSupportedInSettings } from '@/settings/data-model/utils/isFieldTypeSupportedInSettings'; import { AppPath } from '@/types/AppPath'; -import { IconArchive, IconSettings } from '@/ui/display/icon'; import { H2Title } from '@/ui/display/typography/components/H2Title'; import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar'; import { Button } from '@/ui/input/button/components/Button'; diff --git a/packages/twenty-front/src/pages/settings/data-model/SettingsObjectNewField/SettingsObjectNewFieldStep1.tsx b/packages/twenty-front/src/pages/settings/data-model/SettingsObjectNewField/SettingsObjectNewFieldStep1.tsx index 885209675..58e96e797 100644 --- a/packages/twenty-front/src/pages/settings/data-model/SettingsObjectNewField/SettingsObjectNewFieldStep1.tsx +++ b/packages/twenty-front/src/pages/settings/data-model/SettingsObjectNewField/SettingsObjectNewFieldStep1.tsx @@ -1,6 +1,7 @@ import { useEffect, useState } from 'react'; import { useNavigate, useParams } from 'react-router-dom'; import styled from '@emotion/styled'; +import { IconMinus, IconPlus, IconSettings } from 'twenty-ui'; import { useFieldMetadataItem } from '@/object-metadata/hooks/useFieldMetadataItem'; import { useObjectMetadataItemForSettings } from '@/object-metadata/hooks/useObjectMetadataItemForSettings'; @@ -13,7 +14,6 @@ import { StyledObjectFieldTableRow, } from '@/settings/data-model/object-details/components/SettingsObjectFieldItemTableRow'; import { AppPath } from '@/types/AppPath'; -import { IconMinus, IconPlus, IconSettings } from '@/ui/display/icon'; import { H2Title } from '@/ui/display/typography/components/H2Title'; import { Button } from '@/ui/input/button/components/Button'; import { LightIconButton } from '@/ui/input/button/components/LightIconButton'; diff --git a/packages/twenty-front/src/pages/settings/data-model/SettingsObjectNewField/SettingsObjectNewFieldStep2.tsx b/packages/twenty-front/src/pages/settings/data-model/SettingsObjectNewField/SettingsObjectNewFieldStep2.tsx index 6857f8342..41df012ad 100644 --- a/packages/twenty-front/src/pages/settings/data-model/SettingsObjectNewField/SettingsObjectNewFieldStep2.tsx +++ b/packages/twenty-front/src/pages/settings/data-model/SettingsObjectNewField/SettingsObjectNewFieldStep2.tsx @@ -2,6 +2,7 @@ import { useEffect, useState } from 'react'; import { useNavigate, useParams } from 'react-router-dom'; import { Reference, useApolloClient } from '@apollo/client'; import styled from '@emotion/styled'; +import { IconSettings } from 'twenty-ui'; import { CachedObjectRecordEdge } from '@/apollo/types/CachedObjectRecordEdge'; import { useCreateOneRelationMetadataItem } from '@/object-metadata/hooks/useCreateOneRelationMetadataItem'; @@ -20,7 +21,6 @@ import { SettingsDataModelFieldTypeSelect } from '@/settings/data-model/fields/f import { useFieldMetadataForm } from '@/settings/data-model/fields/forms/hooks/useFieldMetadataForm'; import { SettingsSupportedFieldType } from '@/settings/data-model/types/SettingsSupportedFieldType'; import { AppPath } from '@/types/AppPath'; -import { IconSettings } from '@/ui/display/icon'; import { H2Title } from '@/ui/display/typography/components/H2Title'; import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar'; import { SubMenuTopBarContainer } from '@/ui/layout/page/SubMenuTopBarContainer'; diff --git a/packages/twenty-front/src/pages/settings/data-model/SettingsObjects.tsx b/packages/twenty-front/src/pages/settings/data-model/SettingsObjects.tsx index 7a986fa98..776299b1b 100644 --- a/packages/twenty-front/src/pages/settings/data-model/SettingsObjects.tsx +++ b/packages/twenty-front/src/pages/settings/data-model/SettingsObjects.tsx @@ -1,6 +1,7 @@ import { useNavigate } from 'react-router-dom'; import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; +import { IconChevronRight, IconPlus, IconSettings } from 'twenty-ui'; import { useDeleteOneObjectMetadataItem } from '@/object-metadata/hooks/useDeleteOneObjectMetadataItem'; import { useObjectMetadataItemForSettings } from '@/object-metadata/hooks/useObjectMetadataItemForSettings'; @@ -16,7 +17,6 @@ import { SettingsObjectCoverImage } from '@/settings/data-model/objects/Settings import { SettingsObjectInactiveMenuDropDown } from '@/settings/data-model/objects/SettingsObjectInactiveMenuDropDown'; import { getSettingsPagePath } from '@/settings/utils/getSettingsPagePath'; import { SettingsPath } from '@/types/SettingsPath'; -import { IconChevronRight, IconPlus, IconSettings } from '@/ui/display/icon'; import { H1Title } from '@/ui/display/typography/components/H1Title'; import { H2Title } from '@/ui/display/typography/components/H2Title'; import { Button } from '@/ui/input/button/components/Button'; diff --git a/packages/twenty-front/src/pages/settings/developers/SettingsDevelopers.tsx b/packages/twenty-front/src/pages/settings/developers/SettingsDevelopers.tsx index a02063efb..1e8b53e70 100644 --- a/packages/twenty-front/src/pages/settings/developers/SettingsDevelopers.tsx +++ b/packages/twenty-front/src/pages/settings/developers/SettingsDevelopers.tsx @@ -1,12 +1,12 @@ import { useNavigate } from 'react-router-dom'; import styled from '@emotion/styled'; +import { IconPlus, IconSettings } from 'twenty-ui'; import { SettingsHeaderContainer } from '@/settings/components/SettingsHeaderContainer'; import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer'; import { SettingsApiKeysTable } from '@/settings/developers/components/SettingsApiKeysTable'; import { SettingsReadDocumentationButton } from '@/settings/developers/components/SettingsReadDocumentationButton'; import { SettingsWebhooksTable } from '@/settings/developers/components/SettingsWebhooksTable'; -import { IconPlus, IconSettings } from '@/ui/display/icon'; import { H2Title } from '@/ui/display/typography/components/H2Title'; import { Button } from '@/ui/input/button/components/Button'; import { SubMenuTopBarContainer } from '@/ui/layout/page/SubMenuTopBarContainer'; diff --git a/packages/twenty-front/src/pages/settings/developers/api-keys/SettingsDevelopersApiKeyDetail.tsx b/packages/twenty-front/src/pages/settings/developers/api-keys/SettingsDevelopersApiKeyDetail.tsx index 1b8c8cc79..1e77bd571 100644 --- a/packages/twenty-front/src/pages/settings/developers/api-keys/SettingsDevelopersApiKeyDetail.tsx +++ b/packages/twenty-front/src/pages/settings/developers/api-keys/SettingsDevelopersApiKeyDetail.tsx @@ -4,6 +4,7 @@ import styled from '@emotion/styled'; import { isNonEmptyString } from '@sniptt/guards'; import { DateTime } from 'luxon'; import { useRecoilState } from 'recoil'; +import { IconRepeat, IconSettings, IconTrash } from 'twenty-ui'; import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular'; import { useCreateOneRecord } from '@/object-record/hooks/useCreateOneRecord'; @@ -17,7 +18,6 @@ import { generatedApiKeyFamilyState } from '@/settings/developers/states/generat import { ApiKey } from '@/settings/developers/types/api-key/ApiKey'; import { computeNewExpirationDate } from '@/settings/developers/utils/compute-new-expiration-date'; import { formatExpiration } from '@/settings/developers/utils/format-expiration'; -import { IconRepeat, IconSettings, IconTrash } from '@/ui/display/icon'; import { H2Title } from '@/ui/display/typography/components/H2Title'; import { Button } from '@/ui/input/button/components/Button'; import { TextInput } from '@/ui/input/components/TextInput'; diff --git a/packages/twenty-front/src/pages/settings/developers/api-keys/SettingsDevelopersApiKeysNew.tsx b/packages/twenty-front/src/pages/settings/developers/api-keys/SettingsDevelopersApiKeysNew.tsx index 93a7e1f1d..fcf3542e2 100644 --- a/packages/twenty-front/src/pages/settings/developers/api-keys/SettingsDevelopersApiKeysNew.tsx +++ b/packages/twenty-front/src/pages/settings/developers/api-keys/SettingsDevelopersApiKeysNew.tsx @@ -1,6 +1,7 @@ import { useState } from 'react'; import { useNavigate } from 'react-router-dom'; import { DateTime } from 'luxon'; +import { IconSettings } from 'twenty-ui'; import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular'; import { useCreateOneRecord } from '@/object-record/hooks/useCreateOneRecord'; @@ -10,7 +11,6 @@ import { SettingsPageContainer } from '@/settings/components/SettingsPageContain import { EXPIRATION_DATES } from '@/settings/developers/constants/ExpirationDates'; import { useGeneratedApiKeys } from '@/settings/developers/hooks/useGeneratedApiKeys'; import { ApiKey } from '@/settings/developers/types/api-key/ApiKey'; -import { IconSettings } from '@/ui/display/icon'; import { H2Title } from '@/ui/display/typography/components/H2Title'; import { Select } from '@/ui/input/components/Select'; import { TextInput } from '@/ui/input/components/TextInput'; diff --git a/packages/twenty-front/src/pages/settings/developers/webhooks/SettingsDevelopersWebhookDetail.tsx b/packages/twenty-front/src/pages/settings/developers/webhooks/SettingsDevelopersWebhookDetail.tsx index d73deb628..c9a613aeb 100644 --- a/packages/twenty-front/src/pages/settings/developers/webhooks/SettingsDevelopersWebhookDetail.tsx +++ b/packages/twenty-front/src/pages/settings/developers/webhooks/SettingsDevelopersWebhookDetail.tsx @@ -1,12 +1,12 @@ import { useState } from 'react'; import { useNavigate, useParams } from 'react-router-dom'; +import { IconSettings, IconTrash } from 'twenty-ui'; import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular'; import { useDeleteOneRecord } from '@/object-record/hooks/useDeleteOneRecord'; import { useFindOneRecord } from '@/object-record/hooks/useFindOneRecord'; import { SettingsHeaderContainer } from '@/settings/components/SettingsHeaderContainer'; import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer'; -import { IconSettings, IconTrash } from '@/ui/display/icon'; import { H2Title } from '@/ui/display/typography/components/H2Title'; import { Button } from '@/ui/input/button/components/Button'; import { TextInput } from '@/ui/input/components/TextInput'; diff --git a/packages/twenty-front/src/pages/settings/developers/webhooks/SettingsDevelopersWebhooksNew.tsx b/packages/twenty-front/src/pages/settings/developers/webhooks/SettingsDevelopersWebhooksNew.tsx index 8583f187b..568831cec 100644 --- a/packages/twenty-front/src/pages/settings/developers/webhooks/SettingsDevelopersWebhooksNew.tsx +++ b/packages/twenty-front/src/pages/settings/developers/webhooks/SettingsDevelopersWebhooksNew.tsx @@ -1,5 +1,6 @@ import { useState } from 'react'; import { useNavigate } from 'react-router-dom'; +import { IconSettings } from 'twenty-ui'; import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular'; import { useCreateOneRecord } from '@/object-record/hooks/useCreateOneRecord'; @@ -7,7 +8,6 @@ import { SaveAndCancelButtons } from '@/settings/components/SaveAndCancelButtons import { SettingsHeaderContainer } from '@/settings/components/SettingsHeaderContainer'; import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer'; import { Webhook } from '@/settings/developers/types/webhook/Webhook'; -import { IconSettings } from '@/ui/display/icon'; import { H2Title } from '@/ui/display/typography/components/H2Title'; import { TextInput } from '@/ui/input/components/TextInput'; import { SubMenuTopBarContainer } from '@/ui/layout/page/SubMenuTopBarContainer'; diff --git a/packages/twenty-front/src/pages/settings/integrations/SettingsIntegrationDetail.tsx b/packages/twenty-front/src/pages/settings/integrations/SettingsIntegrationDetail.tsx index 4df171ffa..7d6c6414a 100644 --- a/packages/twenty-front/src/pages/settings/integrations/SettingsIntegrationDetail.tsx +++ b/packages/twenty-front/src/pages/settings/integrations/SettingsIntegrationDetail.tsx @@ -1,5 +1,6 @@ import { useEffect } from 'react'; import { useNavigate, useParams } from 'react-router-dom'; +import { IconSettings } from 'twenty-ui'; import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer'; import { SettingsIntegrationDatabasesListCard } from '@/settings/integrations/components/SettingsIntegrationDatabasesListCard'; @@ -8,7 +9,6 @@ import { useSettingsIntegrationCategories } from '@/settings/integrations/hooks/ import { getSettingsPagePath } from '@/settings/utils/getSettingsPagePath'; import { AppPath } from '@/types/AppPath'; import { SettingsPath } from '@/types/SettingsPath'; -import { IconSettings } from '@/ui/display/icon'; import { H2Title } from '@/ui/display/typography/components/H2Title'; import { SubMenuTopBarContainer } from '@/ui/layout/page/SubMenuTopBarContainer'; import { Section } from '@/ui/layout/section/components/Section'; diff --git a/packages/twenty-front/src/pages/settings/integrations/SettingsIntegrationNewDatabase.tsx b/packages/twenty-front/src/pages/settings/integrations/SettingsIntegrationNewDatabase.tsx index 801e01bef..4c23501de 100644 --- a/packages/twenty-front/src/pages/settings/integrations/SettingsIntegrationNewDatabase.tsx +++ b/packages/twenty-front/src/pages/settings/integrations/SettingsIntegrationNewDatabase.tsx @@ -1,10 +1,10 @@ import { useEffect } from 'react'; import { useNavigate, useParams } from 'react-router-dom'; +import { IconSettings } from 'twenty-ui'; import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer'; import { useSettingsIntegrationCategories } from '@/settings/integrations/hooks/useSettingsIntegrationCategories'; import { AppPath } from '@/types/AppPath'; -import { IconSettings } from '@/ui/display/icon'; import { SubMenuTopBarContainer } from '@/ui/layout/page/SubMenuTopBarContainer'; import { Breadcrumb } from '@/ui/navigation/bread-crumb/components/Breadcrumb'; import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled'; diff --git a/packages/twenty-front/src/pages/settings/integrations/SettingsIntegrations.tsx b/packages/twenty-front/src/pages/settings/integrations/SettingsIntegrations.tsx index ee7d85164..9cbc82400 100644 --- a/packages/twenty-front/src/pages/settings/integrations/SettingsIntegrations.tsx +++ b/packages/twenty-front/src/pages/settings/integrations/SettingsIntegrations.tsx @@ -1,7 +1,8 @@ +import { IconSettings } from 'twenty-ui'; + import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer'; import { SettingsIntegrationGroup } from '@/settings/integrations/components/SettingsIntegrationGroup'; import { useSettingsIntegrationCategories } from '@/settings/integrations/hooks/useSettingsIntegrationCategories'; -import { IconSettings } from '@/ui/display/icon'; import { SubMenuTopBarContainer } from '@/ui/layout/page/SubMenuTopBarContainer'; import { Breadcrumb } from '@/ui/navigation/bread-crumb/components/Breadcrumb'; diff --git a/packages/twenty-front/src/pages/tasks/Tasks.tsx b/packages/twenty-front/src/pages/tasks/Tasks.tsx index 05aef6fa4..446bd1aed 100644 --- a/packages/twenty-front/src/pages/tasks/Tasks.tsx +++ b/packages/twenty-front/src/pages/tasks/Tasks.tsx @@ -1,4 +1,5 @@ import styled from '@emotion/styled'; +import { IconArchive, IconCheck, IconCheckbox } from 'twenty-ui'; import { TasksRecoilScopeContext } from '@/activities/states/recoil-scope-contexts/TasksRecoilScopeContext'; import { PageAddTaskButton } from '@/activities/tasks/components/PageAddTaskButton'; @@ -6,7 +7,6 @@ import { TaskGroups } from '@/activities/tasks/components/TaskGroups'; import { TASKS_TAB_LIST_COMPONENT_ID } from '@/activities/tasks/constants/TasksTabListComponentId'; import { ObjectFilterDropdownButton } from '@/object-record/object-filter-dropdown/components/ObjectFilterDropdownButton'; import { RelationPickerHotkeyScope } from '@/object-record/relation-picker/types/RelationPickerHotkeyScope'; -import { IconArchive, IconCheck, IconCheckbox } from '@/ui/display/icon/index'; import { PageBody } from '@/ui/layout/page/PageBody'; import { PageContainer } from '@/ui/layout/page/PageContainer'; import { PageHeader } from '@/ui/layout/page/PageHeader'; diff --git a/packages/twenty-front/src/pages/tasks/tasks-filter-definitions.tsx b/packages/twenty-front/src/pages/tasks/tasks-filter-definitions.tsx index 73356c26e..34839160c 100644 --- a/packages/twenty-front/src/pages/tasks/tasks-filter-definitions.tsx +++ b/packages/twenty-front/src/pages/tasks/tasks-filter-definitions.tsx @@ -1,6 +1,7 @@ +import { IconUserCircle } from 'twenty-ui'; + import { Activity } from '@/activities/types/Activity'; import { FilterDefinitionByEntity } from '@/object-record/object-filter-dropdown/types/FilterDefinitionByEntity'; -import { IconUserCircle } from '@/ui/display/icon'; export const tasksFilterDefinitions: FilterDefinitionByEntity[] = [ { diff --git a/packages/twenty-front/src/modules/ui/display/icon/index.ts b/packages/twenty-ui/src/display/icon/components/TablerIcons.ts similarity index 100% rename from packages/twenty-front/src/modules/ui/display/icon/index.ts rename to packages/twenty-ui/src/display/icon/components/TablerIcons.ts diff --git a/packages/twenty-ui/src/display/index.ts b/packages/twenty-ui/src/display/index.ts new file mode 100644 index 000000000..bb37a9a66 --- /dev/null +++ b/packages/twenty-ui/src/display/index.ts @@ -0,0 +1 @@ +export * from './icon/components/TablerIcons'; diff --git a/packages/twenty-ui/src/index.ts b/packages/twenty-ui/src/index.ts index 7f6410404..31f356b6b 100644 --- a/packages/twenty-ui/src/index.ts +++ b/packages/twenty-ui/src/index.ts @@ -1,2 +1,3 @@ export * from './components'; +export * from './display'; export * from './theme';