7728c09dba
After discussing with @charlesBochet, several fixes are needed on fields: - [x] Disable Boolean field `defaultValue` edition for now (On `defaultValue` update, newly created records are not taking the updated `defaultValue` into account. Setting the `defaultValue` on creation is fine.) - [x] Disable Phone field creation for now - [x] For the Person object, display the "Phone" field as a field of type Phone (right now its type is Text; later we'll migrate it to a proper Phone field). - [x] Fix RawJson field display (displaying `[object Object]` in Record Table cells). - [x] In Settings/Data Model, on Relation field creation/edition, "Object destination" select is not working properly if an object was not manually selected (displays Companies by default but creates a relation to another random object than Companies).
83 lines
2.6 KiB
TypeScript
83 lines
2.6 KiB
TypeScript
import { Controller, useFormContext } from 'react-hook-form';
|
|
import styled from '@emotion/styled';
|
|
import { IconCheck, IconX } from 'twenty-ui';
|
|
import { z } from 'zod';
|
|
|
|
import { FieldMetadataItem } from '@/object-metadata/types/FieldMetadataItem';
|
|
import { Select } from '@/ui/input/components/Select';
|
|
import { CardContent } from '@/ui/layout/card/components/CardContent';
|
|
import { isDefined } from '~/utils/isDefined';
|
|
|
|
// TODO: rename to SettingsDataModelFieldBooleanForm and move to settings/data-model/fields/forms/components
|
|
|
|
export const settingsDataModelFieldBooleanFormSchema = z.object({
|
|
defaultValue: z.boolean(),
|
|
});
|
|
|
|
type SettingsDataModelFieldBooleanFormValues = z.infer<
|
|
typeof settingsDataModelFieldBooleanFormSchema
|
|
>;
|
|
|
|
type SettingsDataModelFieldBooleanFormProps = {
|
|
className?: string;
|
|
fieldMetadataItem?: Pick<FieldMetadataItem, 'defaultValue'>;
|
|
};
|
|
|
|
const StyledContainer = styled(CardContent)`
|
|
padding-bottom: ${({ theme }) => theme.spacing(3.5)};
|
|
`;
|
|
|
|
const StyledLabel = styled.span`
|
|
color: ${({ theme }) => theme.font.color.light};
|
|
display: block;
|
|
font-size: ${({ theme }) => theme.font.size.xs};
|
|
font-weight: ${({ theme }) => theme.font.weight.semiBold};
|
|
margin-bottom: 6px;
|
|
margin-top: ${({ theme }) => theme.spacing(1)};
|
|
`;
|
|
|
|
export const SettingsDataModelFieldBooleanForm = ({
|
|
className,
|
|
fieldMetadataItem,
|
|
}: SettingsDataModelFieldBooleanFormProps) => {
|
|
const { control } = useFormContext<SettingsDataModelFieldBooleanFormValues>();
|
|
|
|
const isEditMode = isDefined(fieldMetadataItem?.defaultValue);
|
|
const initialValue = fieldMetadataItem?.defaultValue ?? true;
|
|
|
|
return (
|
|
<StyledContainer>
|
|
<StyledLabel>Default Value</StyledLabel>
|
|
<Controller
|
|
name="defaultValue"
|
|
control={control}
|
|
defaultValue={initialValue}
|
|
render={({ field: { onChange, value } }) => (
|
|
<Select
|
|
className={className}
|
|
fullWidth
|
|
// TODO: temporary fix - disabling edition because after editing the defaultValue,
|
|
// newly created records are not taking into account the updated defaultValue properly.
|
|
disabled={isEditMode}
|
|
dropdownId="object-field-default-value-select"
|
|
value={value}
|
|
onChange={onChange}
|
|
options={[
|
|
{
|
|
value: true,
|
|
label: 'True',
|
|
Icon: IconCheck,
|
|
},
|
|
{
|
|
value: false,
|
|
label: 'False',
|
|
Icon: IconX,
|
|
},
|
|
]}
|
|
/>
|
|
)}
|
|
/>
|
|
</StyledContainer>
|
|
);
|
|
};
|