Raphaël Bosi
49afe5dbc4
- Makes engineComponentKey non-nullable on CommandMenuItem. Adds two new engine component keys: TRIGGER_WORKFLOW_VERSION and FRONT_COMPONENT_RENDERER to cover the former standalone cases. - Unifies the previously separated engine, front component and workflow runners into a single `CommandRunner` component with a unified `useMountCommand` hook that handles all command types.
61 lines
2.3 KiB
TypeScript
61 lines
2.3 KiB
TypeScript
import { Suspense, lazy } from 'react';
|
|
|
|
import { useHeadlessCommandContextApi } from '@/command-menu-item/engine-command/hooks/useHeadlessCommandContextApi';
|
|
import { CommandComponentInstanceContext } from '@/command-menu-item/engine-command/states/contexts/CommandComponentInstanceContext';
|
|
import { isHeadlessFrontComponentCommandContextApi } from '@/command-menu-item/engine-command/utils/isHeadlessFrontComponentCommandContextApi';
|
|
import { LayoutRenderingProvider } from '@/ui/layout/contexts/LayoutRenderingContext';
|
|
import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/component-state/hooks/useAvailableComponentInstanceIdOrThrow';
|
|
import { isDefined } from 'twenty-shared/utils';
|
|
import { PageLayoutType } from '~/generated-metadata/graphql';
|
|
|
|
const FrontComponentRenderer = lazy(() =>
|
|
import('@/front-components/components/FrontComponentRenderer').then(
|
|
(module) => ({ default: module.FrontComponentRenderer }),
|
|
),
|
|
);
|
|
|
|
export const HeadlessFrontComponentRendererEngineCommand = () => {
|
|
const commandMenuItemId = useAvailableComponentInstanceIdOrThrow(
|
|
CommandComponentInstanceContext,
|
|
);
|
|
|
|
const context = useHeadlessCommandContextApi();
|
|
|
|
if (!isHeadlessFrontComponentCommandContextApi(context)) {
|
|
throw new Error(
|
|
'Context is not a headless front component command context API',
|
|
);
|
|
}
|
|
|
|
const objectNameSingular = context.objectMetadataItem?.nameSingular;
|
|
|
|
const recordId =
|
|
context.selectedRecords.length === 1
|
|
? context.selectedRecords[0].id
|
|
: undefined;
|
|
|
|
// TODO: Remove layout rendering provider once we have refactored FrontComponentRenderer to have one headless renderer and a standard renderer
|
|
return (
|
|
<Suspense fallback={null}>
|
|
<LayoutRenderingProvider
|
|
value={{
|
|
targetRecordIdentifier:
|
|
isDefined(objectNameSingular) && isDefined(recordId)
|
|
? {
|
|
id: recordId,
|
|
targetObjectNameSingular: objectNameSingular,
|
|
}
|
|
: undefined,
|
|
layoutType: PageLayoutType.DASHBOARD,
|
|
isInSidePanel: false,
|
|
}}
|
|
>
|
|
<FrontComponentRenderer
|
|
frontComponentId={context.frontComponentId}
|
|
commandMenuItemId={commandMenuItemId}
|
|
/>
|
|
</LayoutRenderingProvider>
|
|
</Suspense>
|
|
);
|
|
};
|