Charles Bochet
2cd624a5ab
<img width="1512" alt="image" src="https://github.com/user-attachments/assets/9fcdd5ca-4329-467c-ada8-4dd5d45be259"> Open questions: - the Tag component does not match Figma in term of style and API for "transparent" | "outline". We need to discuss with @Bonapara what is the desired behavior here - right now opportunity.stage is not nullable. We need to discuss with @FelixMalfait and @Bonapara what we want here. I would advocate to make a it nullable for now until we introduce settings on select fields. custom select are nullable and it could be confusing for the user Follow up: - enhance tests on Tags - add story to cover the No Value column on record board
61 lines
2.0 KiB
TypeScript
61 lines
2.0 KiB
TypeScript
import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
|
|
import { parseFieldRelationType } from '@/object-metadata/utils/parseFieldRelationType';
|
|
import { FieldDefinition } from '@/object-record/record-field/types/FieldDefinition';
|
|
import { FieldMetadata } from '@/object-record/record-field/types/FieldMetadata';
|
|
import { getFieldButtonIcon } from '@/object-record/record-field/utils/getFieldButtonIcon';
|
|
|
|
import { FieldMetadataItem } from '../types/FieldMetadataItem';
|
|
|
|
export type FieldMetadataItemAsFieldDefinitionProps = {
|
|
field: FieldMetadataItem;
|
|
objectMetadataItem: ObjectMetadataItem;
|
|
showLabel?: boolean;
|
|
labelWidth?: number;
|
|
};
|
|
|
|
export const formatFieldMetadataItemAsFieldDefinition = ({
|
|
field,
|
|
objectMetadataItem,
|
|
showLabel,
|
|
labelWidth,
|
|
}: FieldMetadataItemAsFieldDefinitionProps): FieldDefinition<FieldMetadata> => {
|
|
const relationObjectMetadataItem =
|
|
field.toRelationMetadata?.fromObjectMetadata ||
|
|
field.fromRelationMetadata?.toObjectMetadata;
|
|
|
|
const relationFieldMetadataId =
|
|
field.toRelationMetadata?.fromFieldMetadataId ||
|
|
field.fromRelationMetadata?.toFieldMetadataId;
|
|
|
|
const fieldDefintionMetadata = {
|
|
fieldName: field.name,
|
|
placeHolder: field.label,
|
|
relationType: parseFieldRelationType(field),
|
|
relationFieldMetadataId,
|
|
relationObjectMetadataNameSingular:
|
|
relationObjectMetadataItem?.nameSingular ?? '',
|
|
relationObjectMetadataNamePlural:
|
|
relationObjectMetadataItem?.namePlural ?? '',
|
|
objectMetadataNameSingular: objectMetadataItem.nameSingular ?? '',
|
|
targetFieldMetadataName:
|
|
field.relationDefinition?.targetFieldMetadata?.name ?? '',
|
|
options: field.options,
|
|
isNullable: field.isNullable,
|
|
};
|
|
|
|
return {
|
|
fieldMetadataId: field.id,
|
|
label: field.label,
|
|
showLabel,
|
|
labelWidth,
|
|
type: field.type,
|
|
metadata: fieldDefintionMetadata,
|
|
iconName: field.icon ?? 'Icon123',
|
|
defaultValue: field.defaultValue,
|
|
editButtonIcon: getFieldButtonIcon({
|
|
metadata: fieldDefintionMetadata,
|
|
type: field.type,
|
|
}),
|
|
};
|
|
};
|