refactor!: rename Command Menu page/navigation layer to Side Panel (#18393)

This commit is contained in:
nitin
2026-03-05 20:16:31 +05:30
committed by GitHub
parent 38ad0820c0
commit 5853891b02
675 changed files with 4894 additions and 4964 deletions
@@ -1,25 +0,0 @@
import { themeCssVariables } from 'twenty-ui/theme-constants';
export const COMMAND_MENU_ANIMATION_VARIANTS = {
fullScreen: {
x: '0%',
width: '100%',
height: '100%',
bottom: '0',
top: '0',
},
normal: {
x: '0%',
width: themeCssVariables.rightDrawerWidth,
height: '100%',
bottom: '0',
top: '0',
},
closed: {
x: '100%',
width: themeCssVariables.rightDrawerWidth,
height: '100%',
bottom: '0',
top: 'auto',
},
};
@@ -1 +0,0 @@
export const COMMAND_MENU_COMPONENT_INSTANCE_ID = 'command-menu';
@@ -1,2 +0,0 @@
export const COMMAND_MENU_CONTEXT_CHIP_GROUPS_DROPDOWN_ID =
'command-menu-context-chip-groups-dropdown';
@@ -1 +0,0 @@
export const COMMAND_MENU_LIST_SELECTABLE_LIST_ID = 'command-menu-list';
@@ -1,2 +0,0 @@
export const COMMAND_MENU_NAVIGATION_HISTORY_DROPDOWN_ID =
'command-menu-navigation-history-dropdown';
@@ -1,86 +0,0 @@
import { CommandMenu } from '@/command-menu/components/CommandMenu';
import { CommandMenuAIChatThreadsPage } from '@/command-menu/pages/AIChatThreads/components/CommandMenuAIChatThreadsPage';
import { CommandMenuAskAIPage } from '@/command-menu/pages/ask-ai/components/CommandMenuAskAIPage';
import { CommandMenuCalendarEventPage } from '@/command-menu/pages/calendar-event/components/CommandMenuCalendarEventPage';
import { CommandMenuFrontComponentPage } from '@/command-menu/pages/front-component/components/CommandMenuFrontComponentPage';
import { CommandMenuMessageThreadPage } from '@/command-menu/pages/message-thread/components/CommandMenuMessageThreadPage';
import { CommandMenuNavigationMenuItemEditPage } from '@/command-menu/pages/navigation-menu-item/components/CommandMenuNavigationMenuItemEditPage';
import { CommandMenuNewSidebarItemPage } from '@/command-menu/pages/navigation-menu-item/components/CommandMenuNewSidebarItemPage';
import { CommandMenuPageLayoutChartSettings } from '@/command-menu/pages/page-layout/components/CommandMenuPageLayoutChartSettings';
import { CommandMenuPageLayoutFieldsLayout } from '@/command-menu/pages/page-layout/components/CommandMenuPageLayoutFieldsLayout';
import { CommandMenuPageLayoutFieldsSettings } from '@/command-menu/pages/page-layout/components/CommandMenuPageLayoutFieldsSettings';
import { CommandMenuPageLayoutGraphFilter } from '@/command-menu/pages/page-layout/components/CommandMenuPageLayoutGraphFilter';
import { CommandMenuPageLayoutIframeSettings } from '@/command-menu/pages/page-layout/components/CommandMenuPageLayoutIframeSettings';
import { CommandMenuPageLayoutTabSettings } from '@/command-menu/pages/page-layout/components/CommandMenuPageLayoutTabSettings';
import { CommandMenuPageLayoutWidgetTypeSelect } from '@/command-menu/pages/page-layout/components/CommandMenuPageLayoutWidgetTypeSelect';
import { CommandMenuMergeRecordPage } from '@/command-menu/pages/record-page/components/CommandMenuMergeRecordPage';
import { CommandMenuRecordPage } from '@/command-menu/pages/record-page/components/CommandMenuRecordPage';
import { CommandMenuUpdateMultipleRecords } from '@/command-menu/pages/record-page/components/CommandMenuUpdateMultipleRecords';
import { CommandMenuEditRichTextPage } from '@/command-menu/pages/rich-text-page/components/CommandMenuEditRichTextPage';
import { CommandMenuSearchRecordsPage } from '@/command-menu/pages/search/components/CommandMenuSearchRecordsPage';
import { CommandMenuWorkflowCreateStep } from '@/command-menu/pages/workflow/step/create/components/CommandMenuWorkflowCreateStep';
import { CommandMenuWorkflowEditStep } from '@/command-menu/pages/workflow/step/edit/components/CommandMenuWorkflowEditStep';
import { CommandMenuWorkflowEditStepType } from '@/command-menu/pages/workflow/step/edit/components/CommandMenuWorkflowEditStepType';
import { CommandMenuWorkflowRunViewStep } from '@/command-menu/pages/workflow/step/view-run/components/CommandMenuWorkflowRunViewStep';
import { CommandMenuWorkflowViewStep } from '@/command-menu/pages/workflow/step/view/components/CommandMenuWorkflowViewStep';
import { CommandMenuWorkflowSelectTriggerType } from '@/command-menu/pages/workflow/trigger-type/components/CommandMenuWorkflowSelectTriggerType';
import { CommandMenuPages } from 'twenty-shared/types';
export const COMMAND_MENU_PAGES_CONFIG = new Map<
CommandMenuPages,
React.ReactNode
>([
[CommandMenuPages.Root, <CommandMenu />],
[CommandMenuPages.ViewRecord, <CommandMenuRecordPage />],
[CommandMenuPages.MergeRecords, <CommandMenuMergeRecordPage />],
[CommandMenuPages.UpdateRecords, <CommandMenuUpdateMultipleRecords />],
[CommandMenuPages.ViewEmailThread, <CommandMenuMessageThreadPage />],
[CommandMenuPages.ViewCalendarEvent, <CommandMenuCalendarEventPage />],
[CommandMenuPages.EditRichText, <CommandMenuEditRichTextPage />],
[
CommandMenuPages.WorkflowTriggerSelectType,
<CommandMenuWorkflowSelectTriggerType />,
],
[CommandMenuPages.WorkflowStepCreate, <CommandMenuWorkflowCreateStep />],
[CommandMenuPages.WorkflowStepEditType, <CommandMenuWorkflowEditStepType />],
[CommandMenuPages.WorkflowStepEdit, <CommandMenuWorkflowEditStep />],
[CommandMenuPages.WorkflowStepView, <CommandMenuWorkflowViewStep />],
[CommandMenuPages.WorkflowRunStepView, <CommandMenuWorkflowRunViewStep />],
[CommandMenuPages.SearchRecords, <CommandMenuSearchRecordsPage />],
[CommandMenuPages.AskAI, <CommandMenuAskAIPage />],
[CommandMenuPages.ViewPreviousAIChats, <CommandMenuAIChatThreadsPage />],
[
CommandMenuPages.PageLayoutWidgetTypeSelect,
<CommandMenuPageLayoutWidgetTypeSelect />,
],
[
CommandMenuPages.PageLayoutGraphTypeSelect,
<CommandMenuPageLayoutChartSettings />,
],
[
CommandMenuPages.PageLayoutGraphFilter,
<CommandMenuPageLayoutGraphFilter />,
],
[
CommandMenuPages.PageLayoutIframeSettings,
<CommandMenuPageLayoutIframeSettings />,
],
[
CommandMenuPages.PageLayoutTabSettings,
<CommandMenuPageLayoutTabSettings />,
],
[
CommandMenuPages.PageLayoutFieldsSettings,
<CommandMenuPageLayoutFieldsSettings />,
],
[
CommandMenuPages.PageLayoutFieldsLayout,
<CommandMenuPageLayoutFieldsLayout />,
],
[CommandMenuPages.ViewFrontComponent, <CommandMenuFrontComponentPage />],
[
CommandMenuPages.NavigationMenuItemEdit,
<CommandMenuNavigationMenuItemEditPage />,
],
[CommandMenuPages.NavigationMenuAddItem, <CommandMenuNewSidebarItemPage />],
]);
@@ -1,2 +0,0 @@
export const COMMAND_MENU_PREVIOUS_COMPONENT_INSTANCE_ID =
'command-menu-previous';
@@ -1 +0,0 @@
export const COMMAND_MENU_SEARCH_BAR_HEIGHT = 40;
@@ -1 +0,0 @@
export const COMMAND_MENU_SEARCH_BAR_HEIGHT_MOBILE = 52;
@@ -1 +0,0 @@
export const COMMAND_MENU_SEARCH_BAR_PADDING = 2;
@@ -1 +0,0 @@
export const RESET_CONTEXT_TO_SELECTION = 'reset-context-to-selection';
@@ -1 +0,0 @@
export const SIDE_PANEL_FOCUS_ID = 'command-menu';