Add field widget (#16609)

- Ability to display the details of a field
- The field can be edited (relations edition will be supported later)
- For now, the widget configuration stores the name of the field instead
of its fieldMetadataId. A hook resolves the fieldMetadataId from the
list of fields and the provided name. This will be replaced once we
migrate the configuration to the backend.

## Demo


https://github.com/user-attachments/assets/ab7efbda-66b2-46c1-b641-c350977c31dd

## Remaining to do

- Edition of relations
This commit is contained in:
Baptiste Devessier
2025-12-18 18:25:51 +01:00
committed by GitHub
parent 79a03b8041
commit b5ebc44fee
35 changed files with 2465 additions and 13 deletions
@@ -25,6 +25,7 @@ type RecordInlineCellAnchoredPortalProps = {
recordId: string;
instanceIdPrefix: string;
children: React.ReactNode;
onCloseEditMode?: () => void;
};
export const RecordInlineCellAnchoredPortal = ({
@@ -33,6 +34,7 @@ export const RecordInlineCellAnchoredPortal = ({
recordId,
instanceIdPrefix,
children,
onCloseEditMode,
}: RecordInlineCellAnchoredPortalProps) => {
const fieldInstanceId = getRecordFieldInputInstanceId({
recordId,
@@ -87,6 +89,7 @@ export const RecordInlineCellAnchoredPortal = ({
useUpdateRecord: useUpdateOneObjectRecordMutation,
isDisplayModeFixHeight: true,
isRecordFieldReadOnly,
onCloseEditMode,
}}
>
<>