From 8ae6af6bd7cd5e73229d9d240edacc71f8179e77 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tha=C3=AFs?= Date: Mon, 1 Apr 2024 13:22:51 +0200 Subject: [PATCH] refactor: move createState to twenty-ui (#4716) Split from https://github.com/twentyhq/twenty/pull/4518 Co-authored-by: Charles Bochet --- .../activities/calendar/states/viewableCalendarEventIdState.ts | 2 +- .../activities/emails/states/lastViewableEmailThreadIdState.ts | 2 +- .../activities/emails/states/viewableEmailThreadIdState.ts | 2 +- .../src/modules/activities/states/activityIdInDrawerState.ts | 2 +- .../activities/states/activityTargetableEntityArrayState.ts | 2 +- .../src/modules/activities/states/canCreateActivityState.ts | 2 +- .../modules/activities/states/isActivityInCreateModeState.ts | 2 +- .../modules/activities/states/isCreatingActivityInDBState.ts | 2 +- .../activities/states/targetableObjectsInDrawerState.ts | 3 ++- .../activities/states/temporaryActivityForEditorState.ts | 3 ++- .../src/modules/activities/states/viewableActivityIdState.ts | 2 +- .../activities/tasks/states/currentUserTaskCountState.ts | 2 +- .../timeline/states/timelineActivitiesForGroupState.ts | 3 ++- .../timeline/states/timelineActivitiesNetworkingState.ts | 2 +- .../twenty-front/src/modules/auth/states/currentUserState.ts | 3 ++- .../src/modules/auth/states/currentWorkspaceMemberState.ts | 3 ++- .../src/modules/auth/states/currentWorkspaceState.ts | 3 ++- .../src/modules/auth/states/isVerifyPendingState.ts | 2 +- .../twenty-front/src/modules/auth/states/tokenPairState.ts | 3 ++- packages/twenty-front/src/modules/auth/states/workspaces.ts | 3 ++- .../src/modules/client-config/states/authProvidersState.ts | 3 ++- .../src/modules/client-config/states/billingState.ts | 3 ++- .../src/modules/client-config/states/isDebugModeState.ts | 2 +- .../src/modules/client-config/states/isSignInPrefilledState.ts | 2 +- .../src/modules/client-config/states/isSignUpDisabledState.ts | 2 +- .../src/modules/client-config/states/sentryConfigState.ts | 3 ++- .../src/modules/client-config/states/supportChatState.ts | 3 ++- .../src/modules/client-config/states/telemetryState.ts | 3 ++- .../modules/command-menu/states/commandMenuCommandsState.ts | 2 +- .../src/modules/command-menu/states/commandMenuSearchState.ts | 2 +- .../src/modules/favorites/states/favoritesState.ts | 3 ++- .../navigation/states/currentMobileNavigationDrawerState.ts | 2 +- .../modules/object-metadata/states/objectMetadataItemsState.ts | 3 ++- .../record-index/states/recordIndexFieldDefinitionsState.ts | 3 ++- .../record-index/states/recordIndexFiltersState.ts | 3 ++- .../record-index/states/recordIndexIsCompactModeActiveState.ts | 2 +- .../states/recordIndexKanbanFieldMetadataIdState.ts | 2 +- .../object-record/record-index/states/recordIndexSortsState.ts | 3 ++- .../record-index/states/recordIndexViewTypeState.ts | 3 ++- .../record-table/states/isSoftFocusUsingMouseState.ts | 2 +- .../spreadsheet-import/states/spreadsheetImportState.ts | 2 +- .../src/modules/ui/display/icon/states/iconsState.ts | 3 ++- .../src/modules/ui/input/states/iconPickerState.ts | 2 +- .../layout/right-drawer/states/isRightDrawerExpandedState.ts | 2 +- .../ui/layout/right-drawer/states/isRightDrawerOpenState.ts | 2 +- .../layout/right-drawer/states/rightDrawerCloseEventsState.ts | 2 +- .../ui/layout/right-drawer/states/rightDrawerPageState.ts | 2 +- .../ui/navigation/action-bar/states/actionBarEntriesState.ts | 2 +- .../ui/navigation/action-bar/states/actionBarIsOpenState.ts | 2 +- .../navigation/context-menu/states/contextMenuEntriesState.ts | 2 +- .../navigation/context-menu/states/contextMenuIsOpenState.ts | 2 +- .../navigation/context-menu/states/contextMenuPositionState.ts | 3 ++- .../ui/navigation/states/navigationMemorizedUrlState.ts | 2 +- .../ui/navigation/step-bar/states/stepBarInternalState.ts | 2 +- .../hotkey/states/internal/currentHotkeyScopeState.ts | 2 +- .../states/internal/internalHotkeysEnabledScopesState.ts | 2 +- .../ui/utilities/hotkey/states/internal/pendingHotkeysState.ts | 3 +-- .../hotkey/states/internal/previousHotkeyScopeState.ts | 2 +- .../utilities/loading-state/states/currentPageLocationState.ts | 2 +- .../ui/utilities/pointer-event/states/lockedListenerIdState.ts | 2 +- .../src/modules/ui/utilities/scroll/states/scrollLeftState.ts | 2 +- .../src/modules/ui/utilities/scroll/states/scrollTopState.ts | 2 +- packages/twenty-ui/src/index.ts | 1 + packages/twenty-ui/src/utilities/index.ts | 1 + .../ui => twenty-ui/src}/utilities/state/utils/createState.ts | 0 packages/twenty-ui/vite.config.ts | 2 +- 66 files changed, 86 insertions(+), 64 deletions(-) create mode 100644 packages/twenty-ui/src/utilities/index.ts rename packages/{twenty-front/src/modules/ui => twenty-ui/src}/utilities/state/utils/createState.ts (100%) diff --git a/packages/twenty-front/src/modules/activities/calendar/states/viewableCalendarEventIdState.ts b/packages/twenty-front/src/modules/activities/calendar/states/viewableCalendarEventIdState.ts index 8ecfe54f3..32d1951bc 100644 --- a/packages/twenty-front/src/modules/activities/calendar/states/viewableCalendarEventIdState.ts +++ b/packages/twenty-front/src/modules/activities/calendar/states/viewableCalendarEventIdState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; export const viewableCalendarEventIdState = createState({ key: 'viewableCalendarEventIdState', diff --git a/packages/twenty-front/src/modules/activities/emails/states/lastViewableEmailThreadIdState.ts b/packages/twenty-front/src/modules/activities/emails/states/lastViewableEmailThreadIdState.ts index d6404ac51..4e90b9605 100644 --- a/packages/twenty-front/src/modules/activities/emails/states/lastViewableEmailThreadIdState.ts +++ b/packages/twenty-front/src/modules/activities/emails/states/lastViewableEmailThreadIdState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; export const emailThreadIdWhenEmailThreadWasClosedState = createState< string | null diff --git a/packages/twenty-front/src/modules/activities/emails/states/viewableEmailThreadIdState.ts b/packages/twenty-front/src/modules/activities/emails/states/viewableEmailThreadIdState.ts index 1785845e5..494ec3d9c 100644 --- a/packages/twenty-front/src/modules/activities/emails/states/viewableEmailThreadIdState.ts +++ b/packages/twenty-front/src/modules/activities/emails/states/viewableEmailThreadIdState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; export const viewableEmailThreadIdState = createState({ key: 'viewableEmailThreadIdState', diff --git a/packages/twenty-front/src/modules/activities/states/activityIdInDrawerState.ts b/packages/twenty-front/src/modules/activities/states/activityIdInDrawerState.ts index b275db312..8c2e46d9e 100644 --- a/packages/twenty-front/src/modules/activities/states/activityIdInDrawerState.ts +++ b/packages/twenty-front/src/modules/activities/states/activityIdInDrawerState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; export const activityIdInDrawerState = createState({ key: 'activityIdInDrawerState', diff --git a/packages/twenty-front/src/modules/activities/states/activityTargetableEntityArrayState.ts b/packages/twenty-front/src/modules/activities/states/activityTargetableEntityArrayState.ts index dc1695f10..0d6e06ab4 100644 --- a/packages/twenty-front/src/modules/activities/states/activityTargetableEntityArrayState.ts +++ b/packages/twenty-front/src/modules/activities/states/activityTargetableEntityArrayState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; import { ActivityTargetableObject } from '../types/ActivityTargetableEntity'; diff --git a/packages/twenty-front/src/modules/activities/states/canCreateActivityState.ts b/packages/twenty-front/src/modules/activities/states/canCreateActivityState.ts index 287786f10..5da7f60e1 100644 --- a/packages/twenty-front/src/modules/activities/states/canCreateActivityState.ts +++ b/packages/twenty-front/src/modules/activities/states/canCreateActivityState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; export const canCreateActivityState = createState({ key: 'canCreateActivityState', diff --git a/packages/twenty-front/src/modules/activities/states/isActivityInCreateModeState.ts b/packages/twenty-front/src/modules/activities/states/isActivityInCreateModeState.ts index 819670812..61aaf33d3 100644 --- a/packages/twenty-front/src/modules/activities/states/isActivityInCreateModeState.ts +++ b/packages/twenty-front/src/modules/activities/states/isActivityInCreateModeState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; export const isActivityInCreateModeState = createState({ key: 'isActivityInCreateModeState', diff --git a/packages/twenty-front/src/modules/activities/states/isCreatingActivityInDBState.ts b/packages/twenty-front/src/modules/activities/states/isCreatingActivityInDBState.ts index c1a560b82..278b2430c 100644 --- a/packages/twenty-front/src/modules/activities/states/isCreatingActivityInDBState.ts +++ b/packages/twenty-front/src/modules/activities/states/isCreatingActivityInDBState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; export const isUpsertingActivityInDBState = createState({ key: 'isUpsertingActivityInDBState', diff --git a/packages/twenty-front/src/modules/activities/states/targetableObjectsInDrawerState.ts b/packages/twenty-front/src/modules/activities/states/targetableObjectsInDrawerState.ts index e50a70c48..61d7ee87b 100644 --- a/packages/twenty-front/src/modules/activities/states/targetableObjectsInDrawerState.ts +++ b/packages/twenty-front/src/modules/activities/states/targetableObjectsInDrawerState.ts @@ -1,5 +1,6 @@ +import { createState } from 'twenty-ui'; + import { ActivityTargetableObject } from '@/activities/types/ActivityTargetableEntity'; -import { createState } from '@/ui/utilities/state/utils/createState'; export const targetableObjectsInDrawerState = createState< ActivityTargetableObject[] diff --git a/packages/twenty-front/src/modules/activities/states/temporaryActivityForEditorState.ts b/packages/twenty-front/src/modules/activities/states/temporaryActivityForEditorState.ts index b1f64681f..b92ba320e 100644 --- a/packages/twenty-front/src/modules/activities/states/temporaryActivityForEditorState.ts +++ b/packages/twenty-front/src/modules/activities/states/temporaryActivityForEditorState.ts @@ -1,5 +1,6 @@ +import { createState } from 'twenty-ui'; + import { ActivityForEditor } from '@/activities/types/ActivityForEditor'; -import { createState } from '@/ui/utilities/state/utils/createState'; export const temporaryActivityForEditorState = createState({ diff --git a/packages/twenty-front/src/modules/activities/states/viewableActivityIdState.ts b/packages/twenty-front/src/modules/activities/states/viewableActivityIdState.ts index 85aab18a1..393a2f96a 100644 --- a/packages/twenty-front/src/modules/activities/states/viewableActivityIdState.ts +++ b/packages/twenty-front/src/modules/activities/states/viewableActivityIdState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; export const viewableActivityIdState = createState({ key: 'activities/viewable-activity-id', diff --git a/packages/twenty-front/src/modules/activities/tasks/states/currentUserTaskCountState.ts b/packages/twenty-front/src/modules/activities/tasks/states/currentUserTaskCountState.ts index f823e49a7..aa0aa58e5 100644 --- a/packages/twenty-front/src/modules/activities/tasks/states/currentUserTaskCountState.ts +++ b/packages/twenty-front/src/modules/activities/tasks/states/currentUserTaskCountState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; export const currentUserDueTaskCountState = createState({ defaultValue: 0, diff --git a/packages/twenty-front/src/modules/activities/timeline/states/timelineActivitiesForGroupState.ts b/packages/twenty-front/src/modules/activities/timeline/states/timelineActivitiesForGroupState.ts index f976d78fd..450dc5bc7 100644 --- a/packages/twenty-front/src/modules/activities/timeline/states/timelineActivitiesForGroupState.ts +++ b/packages/twenty-front/src/modules/activities/timeline/states/timelineActivitiesForGroupState.ts @@ -1,5 +1,6 @@ +import { createState } from 'twenty-ui'; + import { ActivityForActivityGroup } from '@/activities/timeline/utils/groupActivitiesByMonth'; -import { createState } from '@/ui/utilities/state/utils/createState'; export const timelineActivitiesForGroupState = createState< ActivityForActivityGroup[] diff --git a/packages/twenty-front/src/modules/activities/timeline/states/timelineActivitiesNetworkingState.ts b/packages/twenty-front/src/modules/activities/timeline/states/timelineActivitiesNetworkingState.ts index b652b0def..24b4ecd6e 100644 --- a/packages/twenty-front/src/modules/activities/timeline/states/timelineActivitiesNetworkingState.ts +++ b/packages/twenty-front/src/modules/activities/timeline/states/timelineActivitiesNetworkingState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; export const timelineActivitiesNetworkingState = createState<{ initialized: boolean; diff --git a/packages/twenty-front/src/modules/auth/states/currentUserState.ts b/packages/twenty-front/src/modules/auth/states/currentUserState.ts index 49339e189..4f1b3130e 100644 --- a/packages/twenty-front/src/modules/auth/states/currentUserState.ts +++ b/packages/twenty-front/src/modules/auth/states/currentUserState.ts @@ -1,4 +1,5 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; + import { User } from '~/generated/graphql'; export type CurrentUser = Pick< diff --git a/packages/twenty-front/src/modules/auth/states/currentWorkspaceMemberState.ts b/packages/twenty-front/src/modules/auth/states/currentWorkspaceMemberState.ts index a6fbe62b0..37140a450 100644 --- a/packages/twenty-front/src/modules/auth/states/currentWorkspaceMemberState.ts +++ b/packages/twenty-front/src/modules/auth/states/currentWorkspaceMemberState.ts @@ -1,4 +1,5 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; + import { WorkspaceMember } from '@/workspace-member/types/WorkspaceMember'; export const currentWorkspaceMemberState = createState({ key: 'isVerifyPendingState', diff --git a/packages/twenty-front/src/modules/auth/states/tokenPairState.ts b/packages/twenty-front/src/modules/auth/states/tokenPairState.ts index 25589a0b6..f6262b5ae 100644 --- a/packages/twenty-front/src/modules/auth/states/tokenPairState.ts +++ b/packages/twenty-front/src/modules/auth/states/tokenPairState.ts @@ -1,4 +1,5 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; + import { AuthTokenPair } from '~/generated/graphql'; import { cookieStorageEffect } from '~/utils/recoil-effects'; diff --git a/packages/twenty-front/src/modules/auth/states/workspaces.ts b/packages/twenty-front/src/modules/auth/states/workspaces.ts index dc0be614a..d211351b0 100644 --- a/packages/twenty-front/src/modules/auth/states/workspaces.ts +++ b/packages/twenty-front/src/modules/auth/states/workspaces.ts @@ -1,4 +1,5 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; + import { Workspace } from '~/generated/graphql'; export type Workspaces = Pick; diff --git a/packages/twenty-front/src/modules/client-config/states/authProvidersState.ts b/packages/twenty-front/src/modules/client-config/states/authProvidersState.ts index 2fbc24d6f..6ea130303 100644 --- a/packages/twenty-front/src/modules/client-config/states/authProvidersState.ts +++ b/packages/twenty-front/src/modules/client-config/states/authProvidersState.ts @@ -1,4 +1,5 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; + import { AuthProviders } from '~/generated/graphql'; export const authProvidersState = createState({ diff --git a/packages/twenty-front/src/modules/client-config/states/billingState.ts b/packages/twenty-front/src/modules/client-config/states/billingState.ts index e0f46cf34..5634c510b 100644 --- a/packages/twenty-front/src/modules/client-config/states/billingState.ts +++ b/packages/twenty-front/src/modules/client-config/states/billingState.ts @@ -1,4 +1,5 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; + import { Billing } from '~/generated/graphql'; export const billingState = createState({ diff --git a/packages/twenty-front/src/modules/client-config/states/isDebugModeState.ts b/packages/twenty-front/src/modules/client-config/states/isDebugModeState.ts index 7b9b0cf5a..b2efbf8fc 100644 --- a/packages/twenty-front/src/modules/client-config/states/isDebugModeState.ts +++ b/packages/twenty-front/src/modules/client-config/states/isDebugModeState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; export const isDebugModeState = createState({ key: 'isDebugModeState', diff --git a/packages/twenty-front/src/modules/client-config/states/isSignInPrefilledState.ts b/packages/twenty-front/src/modules/client-config/states/isSignInPrefilledState.ts index 57cc70c57..5105b617a 100644 --- a/packages/twenty-front/src/modules/client-config/states/isSignInPrefilledState.ts +++ b/packages/twenty-front/src/modules/client-config/states/isSignInPrefilledState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; export const isSignInPrefilledState = createState({ key: 'isSignInPrefilledState', diff --git a/packages/twenty-front/src/modules/client-config/states/isSignUpDisabledState.ts b/packages/twenty-front/src/modules/client-config/states/isSignUpDisabledState.ts index 095f74b1b..a82b1a821 100644 --- a/packages/twenty-front/src/modules/client-config/states/isSignUpDisabledState.ts +++ b/packages/twenty-front/src/modules/client-config/states/isSignUpDisabledState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; export const isSignUpDisabledState = createState({ key: 'isSignUpDisabledState', diff --git a/packages/twenty-front/src/modules/client-config/states/sentryConfigState.ts b/packages/twenty-front/src/modules/client-config/states/sentryConfigState.ts index fd4b7a1c9..19ca03599 100644 --- a/packages/twenty-front/src/modules/client-config/states/sentryConfigState.ts +++ b/packages/twenty-front/src/modules/client-config/states/sentryConfigState.ts @@ -1,4 +1,5 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; + import { Sentry } from '~/generated/graphql'; export const sentryConfigState = createState({ diff --git a/packages/twenty-front/src/modules/client-config/states/supportChatState.ts b/packages/twenty-front/src/modules/client-config/states/supportChatState.ts index 28c739356..cca337ba5 100644 --- a/packages/twenty-front/src/modules/client-config/states/supportChatState.ts +++ b/packages/twenty-front/src/modules/client-config/states/supportChatState.ts @@ -1,4 +1,5 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; + import { Support } from '~/generated/graphql'; export const supportChatState = createState({ diff --git a/packages/twenty-front/src/modules/client-config/states/telemetryState.ts b/packages/twenty-front/src/modules/client-config/states/telemetryState.ts index 1811862fd..927cab28b 100644 --- a/packages/twenty-front/src/modules/client-config/states/telemetryState.ts +++ b/packages/twenty-front/src/modules/client-config/states/telemetryState.ts @@ -1,4 +1,5 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; + import { Telemetry } from '~/generated/graphql'; export const telemetryState = createState({ diff --git a/packages/twenty-front/src/modules/command-menu/states/commandMenuCommandsState.ts b/packages/twenty-front/src/modules/command-menu/states/commandMenuCommandsState.ts index 28d7cdc9d..309754be2 100644 --- a/packages/twenty-front/src/modules/command-menu/states/commandMenuCommandsState.ts +++ b/packages/twenty-front/src/modules/command-menu/states/commandMenuCommandsState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; import { Command, CommandType } from '../types/Command'; diff --git a/packages/twenty-front/src/modules/command-menu/states/commandMenuSearchState.ts b/packages/twenty-front/src/modules/command-menu/states/commandMenuSearchState.ts index 5d6aa126d..61f580a8a 100644 --- a/packages/twenty-front/src/modules/command-menu/states/commandMenuSearchState.ts +++ b/packages/twenty-front/src/modules/command-menu/states/commandMenuSearchState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; export const commandMenuSearchState = createState({ key: 'command-menu/commandMenuSearchState', diff --git a/packages/twenty-front/src/modules/favorites/states/favoritesState.ts b/packages/twenty-front/src/modules/favorites/states/favoritesState.ts index a15a76e70..95e6c828f 100644 --- a/packages/twenty-front/src/modules/favorites/states/favoritesState.ts +++ b/packages/twenty-front/src/modules/favorites/states/favoritesState.ts @@ -1,5 +1,6 @@ +import { createState } from 'twenty-ui'; + import { Favorite } from '@/favorites/types/Favorite'; -import { createState } from '@/ui/utilities/state/utils/createState'; export const favoritesState = createState({ key: 'favoritesState', diff --git a/packages/twenty-front/src/modules/navigation/states/currentMobileNavigationDrawerState.ts b/packages/twenty-front/src/modules/navigation/states/currentMobileNavigationDrawerState.ts index 44acf85a1..c376b1953 100644 --- a/packages/twenty-front/src/modules/navigation/states/currentMobileNavigationDrawerState.ts +++ b/packages/twenty-front/src/modules/navigation/states/currentMobileNavigationDrawerState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; export const currentMobileNavigationDrawerState = createState< 'main' | 'settings' diff --git a/packages/twenty-front/src/modules/object-metadata/states/objectMetadataItemsState.ts b/packages/twenty-front/src/modules/object-metadata/states/objectMetadataItemsState.ts index 8d7ee619e..5c247fe0e 100644 --- a/packages/twenty-front/src/modules/object-metadata/states/objectMetadataItemsState.ts +++ b/packages/twenty-front/src/modules/object-metadata/states/objectMetadataItemsState.ts @@ -1,5 +1,6 @@ +import { createState } from 'twenty-ui'; + import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem'; -import { createState } from '@/ui/utilities/state/utils/createState'; export const objectMetadataItemsState = createState({ key: 'objectMetadataItemsState', diff --git a/packages/twenty-front/src/modules/object-record/record-index/states/recordIndexFieldDefinitionsState.ts b/packages/twenty-front/src/modules/object-record/record-index/states/recordIndexFieldDefinitionsState.ts index a02f9573c..1b260d3c9 100644 --- a/packages/twenty-front/src/modules/object-record/record-index/states/recordIndexFieldDefinitionsState.ts +++ b/packages/twenty-front/src/modules/object-record/record-index/states/recordIndexFieldDefinitionsState.ts @@ -1,6 +1,7 @@ +import { createState } from 'twenty-ui'; + import { FieldMetadata } from '@/object-record/record-field/types/FieldMetadata'; import { ColumnDefinition } from '@/object-record/record-table/types/ColumnDefinition'; -import { createState } from '@/ui/utilities/state/utils/createState'; export const recordIndexFieldDefinitionsState = createState< ColumnDefinition[] diff --git a/packages/twenty-front/src/modules/object-record/record-index/states/recordIndexFiltersState.ts b/packages/twenty-front/src/modules/object-record/record-index/states/recordIndexFiltersState.ts index aae23cae0..fc3462109 100644 --- a/packages/twenty-front/src/modules/object-record/record-index/states/recordIndexFiltersState.ts +++ b/packages/twenty-front/src/modules/object-record/record-index/states/recordIndexFiltersState.ts @@ -1,5 +1,6 @@ +import { createState } from 'twenty-ui'; + import { Filter } from '@/object-record/object-filter-dropdown/types/Filter'; -import { createState } from '@/ui/utilities/state/utils/createState'; export const recordIndexFiltersState = createState({ key: 'recordIndexFiltersState', diff --git a/packages/twenty-front/src/modules/object-record/record-index/states/recordIndexIsCompactModeActiveState.ts b/packages/twenty-front/src/modules/object-record/record-index/states/recordIndexIsCompactModeActiveState.ts index 5c78c52a5..cd1d83fbb 100644 --- a/packages/twenty-front/src/modules/object-record/record-index/states/recordIndexIsCompactModeActiveState.ts +++ b/packages/twenty-front/src/modules/object-record/record-index/states/recordIndexIsCompactModeActiveState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; export const recordIndexIsCompactModeActiveState = createState({ key: 'recordIndexIsCompactModeActiveState', diff --git a/packages/twenty-front/src/modules/object-record/record-index/states/recordIndexKanbanFieldMetadataIdState.ts b/packages/twenty-front/src/modules/object-record/record-index/states/recordIndexKanbanFieldMetadataIdState.ts index 5ff8ba4fe..f1527934d 100644 --- a/packages/twenty-front/src/modules/object-record/record-index/states/recordIndexKanbanFieldMetadataIdState.ts +++ b/packages/twenty-front/src/modules/object-record/record-index/states/recordIndexKanbanFieldMetadataIdState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; export const recordIndexKanbanFieldMetadataIdState = createState( { diff --git a/packages/twenty-front/src/modules/object-record/record-index/states/recordIndexSortsState.ts b/packages/twenty-front/src/modules/object-record/record-index/states/recordIndexSortsState.ts index 1d8f79150..57088c8e5 100644 --- a/packages/twenty-front/src/modules/object-record/record-index/states/recordIndexSortsState.ts +++ b/packages/twenty-front/src/modules/object-record/record-index/states/recordIndexSortsState.ts @@ -1,5 +1,6 @@ +import { createState } from 'twenty-ui'; + import { Sort } from '@/object-record/object-sort-dropdown/types/Sort'; -import { createState } from '@/ui/utilities/state/utils/createState'; export const recordIndexSortsState = createState({ key: 'recordIndexSortsState', diff --git a/packages/twenty-front/src/modules/object-record/record-index/states/recordIndexViewTypeState.ts b/packages/twenty-front/src/modules/object-record/record-index/states/recordIndexViewTypeState.ts index 2075ad5cd..49b032c86 100644 --- a/packages/twenty-front/src/modules/object-record/record-index/states/recordIndexViewTypeState.ts +++ b/packages/twenty-front/src/modules/object-record/record-index/states/recordIndexViewTypeState.ts @@ -1,4 +1,5 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; + import { ViewType } from '@/views/types/ViewType'; export const recordIndexViewTypeState = createState({ diff --git a/packages/twenty-front/src/modules/object-record/record-table/states/isSoftFocusUsingMouseState.ts b/packages/twenty-front/src/modules/object-record/record-table/states/isSoftFocusUsingMouseState.ts index 234db43ec..d25f46faa 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/states/isSoftFocusUsingMouseState.ts +++ b/packages/twenty-front/src/modules/object-record/record-table/states/isSoftFocusUsingMouseState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; export const isSoftFocusUsingMouseState = createState({ key: 'isSoftFocusUsingMouseState', diff --git a/packages/twenty-front/src/modules/spreadsheet-import/states/spreadsheetImportState.ts b/packages/twenty-front/src/modules/spreadsheet-import/states/spreadsheetImportState.ts index 5bb6d2fda..c3eaf5534 100644 --- a/packages/twenty-front/src/modules/spreadsheet-import/states/spreadsheetImportState.ts +++ b/packages/twenty-front/src/modules/spreadsheet-import/states/spreadsheetImportState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; import { SpreadsheetOptions } from '../types'; diff --git a/packages/twenty-front/src/modules/ui/display/icon/states/iconsState.ts b/packages/twenty-front/src/modules/ui/display/icon/states/iconsState.ts index e2d7a2e8e..654d6bcb7 100644 --- a/packages/twenty-front/src/modules/ui/display/icon/states/iconsState.ts +++ b/packages/twenty-front/src/modules/ui/display/icon/states/iconsState.ts @@ -1,5 +1,6 @@ +import { createState } from 'twenty-ui'; + import { IconComponent } from '@/ui/display/icon/types/IconComponent'; -import { createState } from '@/ui/utilities/state/utils/createState'; export const iconsState = createState>({ key: 'iconsState', 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 5fc008b50..f2774db3f 100644 --- a/packages/twenty-front/src/modules/ui/input/states/iconPickerState.ts +++ b/packages/twenty-front/src/modules/ui/input/states/iconPickerState.ts @@ -1,7 +1,7 @@ +import { createState } from 'twenty-ui'; import { IconApps } from 'twenty-ui'; import { IconComponent } from '@/ui/display/icon/types/IconComponent'; -import { createState } from '@/ui/utilities/state/utils/createState'; type IconPickerState = { Icon: IconComponent; diff --git a/packages/twenty-front/src/modules/ui/layout/right-drawer/states/isRightDrawerExpandedState.ts b/packages/twenty-front/src/modules/ui/layout/right-drawer/states/isRightDrawerExpandedState.ts index 8a871b261..002c9e8cd 100644 --- a/packages/twenty-front/src/modules/ui/layout/right-drawer/states/isRightDrawerExpandedState.ts +++ b/packages/twenty-front/src/modules/ui/layout/right-drawer/states/isRightDrawerExpandedState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; export const isRightDrawerExpandedState = createState({ key: 'isRightDrawerExpandedState', diff --git a/packages/twenty-front/src/modules/ui/layout/right-drawer/states/isRightDrawerOpenState.ts b/packages/twenty-front/src/modules/ui/layout/right-drawer/states/isRightDrawerOpenState.ts index 749bb1b00..b0149a588 100644 --- a/packages/twenty-front/src/modules/ui/layout/right-drawer/states/isRightDrawerOpenState.ts +++ b/packages/twenty-front/src/modules/ui/layout/right-drawer/states/isRightDrawerOpenState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; export const isRightDrawerOpenState = createState({ key: 'ui/layout/is-right-drawer-open', diff --git a/packages/twenty-front/src/modules/ui/layout/right-drawer/states/rightDrawerCloseEventsState.ts b/packages/twenty-front/src/modules/ui/layout/right-drawer/states/rightDrawerCloseEventsState.ts index 66b59ccf0..ac0813d8e 100644 --- a/packages/twenty-front/src/modules/ui/layout/right-drawer/states/rightDrawerCloseEventsState.ts +++ b/packages/twenty-front/src/modules/ui/layout/right-drawer/states/rightDrawerCloseEventsState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; export const rightDrawerCloseEventState = createState({ key: 'rightDrawerCloseEventState', diff --git a/packages/twenty-front/src/modules/ui/layout/right-drawer/states/rightDrawerPageState.ts b/packages/twenty-front/src/modules/ui/layout/right-drawer/states/rightDrawerPageState.ts index ba023e66d..0cbcdee85 100644 --- a/packages/twenty-front/src/modules/ui/layout/right-drawer/states/rightDrawerPageState.ts +++ b/packages/twenty-front/src/modules/ui/layout/right-drawer/states/rightDrawerPageState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; import { RightDrawerPages } from '../types/RightDrawerPages'; diff --git a/packages/twenty-front/src/modules/ui/navigation/action-bar/states/actionBarEntriesState.ts b/packages/twenty-front/src/modules/ui/navigation/action-bar/states/actionBarEntriesState.ts index d4ead4317..35f8cab41 100644 --- a/packages/twenty-front/src/modules/ui/navigation/action-bar/states/actionBarEntriesState.ts +++ b/packages/twenty-front/src/modules/ui/navigation/action-bar/states/actionBarEntriesState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; import { ActionBarEntry } from '../types/ActionBarEntry'; diff --git a/packages/twenty-front/src/modules/ui/navigation/action-bar/states/actionBarIsOpenState.ts b/packages/twenty-front/src/modules/ui/navigation/action-bar/states/actionBarIsOpenState.ts index 30f620362..0ef918e66 100644 --- a/packages/twenty-front/src/modules/ui/navigation/action-bar/states/actionBarIsOpenState.ts +++ b/packages/twenty-front/src/modules/ui/navigation/action-bar/states/actionBarIsOpenState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; export const actionBarOpenState = createState({ key: 'actionBarOpenState', diff --git a/packages/twenty-front/src/modules/ui/navigation/context-menu/states/contextMenuEntriesState.ts b/packages/twenty-front/src/modules/ui/navigation/context-menu/states/contextMenuEntriesState.ts index 1d4977249..1e22b5621 100644 --- a/packages/twenty-front/src/modules/ui/navigation/context-menu/states/contextMenuEntriesState.ts +++ b/packages/twenty-front/src/modules/ui/navigation/context-menu/states/contextMenuEntriesState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; import { ContextMenuEntry } from '../types/ContextMenuEntry'; diff --git a/packages/twenty-front/src/modules/ui/navigation/context-menu/states/contextMenuIsOpenState.ts b/packages/twenty-front/src/modules/ui/navigation/context-menu/states/contextMenuIsOpenState.ts index 60b54873a..d5aec39b9 100644 --- a/packages/twenty-front/src/modules/ui/navigation/context-menu/states/contextMenuIsOpenState.ts +++ b/packages/twenty-front/src/modules/ui/navigation/context-menu/states/contextMenuIsOpenState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; export const contextMenuIsOpenState = createState({ key: 'contextMenuIsOpenState', diff --git a/packages/twenty-front/src/modules/ui/navigation/context-menu/states/contextMenuPositionState.ts b/packages/twenty-front/src/modules/ui/navigation/context-menu/states/contextMenuPositionState.ts index dbc877de0..a47df13eb 100644 --- a/packages/twenty-front/src/modules/ui/navigation/context-menu/states/contextMenuPositionState.ts +++ b/packages/twenty-front/src/modules/ui/navigation/context-menu/states/contextMenuPositionState.ts @@ -1,5 +1,6 @@ +import { createState } from 'twenty-ui'; + import { PositionType } from '@/ui/navigation/context-menu/types/PositionType'; -import { createState } from '@/ui/utilities/state/utils/createState'; export const contextMenuPositionState = createState({ key: 'contextMenuPositionState', diff --git a/packages/twenty-front/src/modules/ui/navigation/states/navigationMemorizedUrlState.ts b/packages/twenty-front/src/modules/ui/navigation/states/navigationMemorizedUrlState.ts index 27076c1d5..bb8318ecd 100644 --- a/packages/twenty-front/src/modules/ui/navigation/states/navigationMemorizedUrlState.ts +++ b/packages/twenty-front/src/modules/ui/navigation/states/navigationMemorizedUrlState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; export const navigationMemorizedUrlState = createState({ key: 'navigationMemorizedUrlState', diff --git a/packages/twenty-front/src/modules/ui/navigation/step-bar/states/stepBarInternalState.ts b/packages/twenty-front/src/modules/ui/navigation/step-bar/states/stepBarInternalState.ts index 55fe12522..d2bf60d60 100644 --- a/packages/twenty-front/src/modules/ui/navigation/step-bar/states/stepBarInternalState.ts +++ b/packages/twenty-front/src/modules/ui/navigation/step-bar/states/stepBarInternalState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; export type StepsState = { activeStep: number; diff --git a/packages/twenty-front/src/modules/ui/utilities/hotkey/states/internal/currentHotkeyScopeState.ts b/packages/twenty-front/src/modules/ui/utilities/hotkey/states/internal/currentHotkeyScopeState.ts index c948f65b7..6b41a6705 100644 --- a/packages/twenty-front/src/modules/ui/utilities/hotkey/states/internal/currentHotkeyScopeState.ts +++ b/packages/twenty-front/src/modules/ui/utilities/hotkey/states/internal/currentHotkeyScopeState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; import { INITIAL_HOTKEYS_SCOPE } from '../../constants/InitialHotkeysScope'; import { HotkeyScope } from '../../types/HotkeyScope'; diff --git a/packages/twenty-front/src/modules/ui/utilities/hotkey/states/internal/internalHotkeysEnabledScopesState.ts b/packages/twenty-front/src/modules/ui/utilities/hotkey/states/internal/internalHotkeysEnabledScopesState.ts index b86f4f7da..e2e06b62f 100644 --- a/packages/twenty-front/src/modules/ui/utilities/hotkey/states/internal/internalHotkeysEnabledScopesState.ts +++ b/packages/twenty-front/src/modules/ui/utilities/hotkey/states/internal/internalHotkeysEnabledScopesState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; export const internalHotkeysEnabledScopesState = createState({ key: 'internalHotkeysEnabledScopesState', diff --git a/packages/twenty-front/src/modules/ui/utilities/hotkey/states/internal/pendingHotkeysState.ts b/packages/twenty-front/src/modules/ui/utilities/hotkey/states/internal/pendingHotkeysState.ts index fe3e81b27..13e1cc652 100644 --- a/packages/twenty-front/src/modules/ui/utilities/hotkey/states/internal/pendingHotkeysState.ts +++ b/packages/twenty-front/src/modules/ui/utilities/hotkey/states/internal/pendingHotkeysState.ts @@ -1,6 +1,5 @@ import { Keys } from 'react-hotkeys-hook/dist/types'; - -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; export const pendingHotkeyState = createState({ key: 'pendingHotkeyState', diff --git a/packages/twenty-front/src/modules/ui/utilities/hotkey/states/internal/previousHotkeyScopeState.ts b/packages/twenty-front/src/modules/ui/utilities/hotkey/states/internal/previousHotkeyScopeState.ts index a39c86315..3e438fef1 100644 --- a/packages/twenty-front/src/modules/ui/utilities/hotkey/states/internal/previousHotkeyScopeState.ts +++ b/packages/twenty-front/src/modules/ui/utilities/hotkey/states/internal/previousHotkeyScopeState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; import { HotkeyScope } from '../../types/HotkeyScope'; diff --git a/packages/twenty-front/src/modules/ui/utilities/loading-state/states/currentPageLocationState.ts b/packages/twenty-front/src/modules/ui/utilities/loading-state/states/currentPageLocationState.ts index 335acb58c..601831e5a 100644 --- a/packages/twenty-front/src/modules/ui/utilities/loading-state/states/currentPageLocationState.ts +++ b/packages/twenty-front/src/modules/ui/utilities/loading-state/states/currentPageLocationState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; export const currentPageLocationState = createState({ key: 'currentPageLocationState', diff --git a/packages/twenty-front/src/modules/ui/utilities/pointer-event/states/lockedListenerIdState.ts b/packages/twenty-front/src/modules/ui/utilities/pointer-event/states/lockedListenerIdState.ts index c7739cc95..c91421dae 100644 --- a/packages/twenty-front/src/modules/ui/utilities/pointer-event/states/lockedListenerIdState.ts +++ b/packages/twenty-front/src/modules/ui/utilities/pointer-event/states/lockedListenerIdState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; export const lockedListenerIdState = createState({ key: 'lockedListenerIdState', diff --git a/packages/twenty-front/src/modules/ui/utilities/scroll/states/scrollLeftState.ts b/packages/twenty-front/src/modules/ui/utilities/scroll/states/scrollLeftState.ts index 7335341d5..e8acb2be3 100644 --- a/packages/twenty-front/src/modules/ui/utilities/scroll/states/scrollLeftState.ts +++ b/packages/twenty-front/src/modules/ui/utilities/scroll/states/scrollLeftState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; export const scrollLeftState = createState({ key: 'scroll/scrollLeftState', diff --git a/packages/twenty-front/src/modules/ui/utilities/scroll/states/scrollTopState.ts b/packages/twenty-front/src/modules/ui/utilities/scroll/states/scrollTopState.ts index 091b369b0..fdf4a8de1 100644 --- a/packages/twenty-front/src/modules/ui/utilities/scroll/states/scrollTopState.ts +++ b/packages/twenty-front/src/modules/ui/utilities/scroll/states/scrollTopState.ts @@ -1,4 +1,4 @@ -import { createState } from '@/ui/utilities/state/utils/createState'; +import { createState } from 'twenty-ui'; export const scrollTopState = createState({ key: 'scroll/scrollTopState', diff --git a/packages/twenty-ui/src/index.ts b/packages/twenty-ui/src/index.ts index 31f356b6b..7217f7db8 100644 --- a/packages/twenty-ui/src/index.ts +++ b/packages/twenty-ui/src/index.ts @@ -1,3 +1,4 @@ export * from './components'; export * from './display'; export * from './theme'; +export * from './utilities'; diff --git a/packages/twenty-ui/src/utilities/index.ts b/packages/twenty-ui/src/utilities/index.ts new file mode 100644 index 000000000..fe923f164 --- /dev/null +++ b/packages/twenty-ui/src/utilities/index.ts @@ -0,0 +1 @@ +export * from './state/utils/createState'; diff --git a/packages/twenty-front/src/modules/ui/utilities/state/utils/createState.ts b/packages/twenty-ui/src/utilities/state/utils/createState.ts similarity index 100% rename from packages/twenty-front/src/modules/ui/utilities/state/utils/createState.ts rename to packages/twenty-ui/src/utilities/state/utils/createState.ts diff --git a/packages/twenty-ui/vite.config.ts b/packages/twenty-ui/vite.config.ts index f07e416bd..44ea37dad 100644 --- a/packages/twenty-ui/vite.config.ts +++ b/packages/twenty-ui/vite.config.ts @@ -41,7 +41,7 @@ export default defineConfig({ }, rollupOptions: { // External packages that should not be bundled into your library. - external: [], + external: ['react', 'react-dom', 'react/jsx-runtime'], }, }, });