90 lines
2.5 KiB
TypeScript
90 lines
2.5 KiB
TypeScript
import { getOperationName } from '@apollo/client/utilities';
|
|
import { useSetRecoilState } from 'recoil';
|
|
|
|
import { GET_VIEW_FIELDS } from '@/views/queries/select';
|
|
import {
|
|
SortOrder,
|
|
useCreateViewFieldsMutation,
|
|
useGetViewFieldsQuery,
|
|
} from '~/generated/graphql';
|
|
|
|
import { entityTableDimensionsState } from '../states/entityTableDimensionsState';
|
|
import { viewFieldsState } from '../states/viewFieldsState';
|
|
import type {
|
|
ViewFieldDefinition,
|
|
ViewFieldMetadata,
|
|
ViewFieldTextMetadata,
|
|
} from '../types/ViewField';
|
|
|
|
const DEFAULT_VIEW_FIELD_METADATA: ViewFieldTextMetadata = {
|
|
type: 'text',
|
|
placeHolder: '',
|
|
fieldName: '',
|
|
};
|
|
|
|
export const toViewFieldInput = (
|
|
objectName: 'company' | 'person',
|
|
viewFieldDefinition: ViewFieldDefinition<ViewFieldMetadata>,
|
|
) => ({
|
|
fieldName: viewFieldDefinition.columnLabel,
|
|
index: viewFieldDefinition.columnOrder,
|
|
isVisible: true,
|
|
objectName,
|
|
sizeInPx: viewFieldDefinition.columnSize,
|
|
});
|
|
|
|
export const useLoadView = ({
|
|
objectName,
|
|
viewFieldDefinitions,
|
|
}: {
|
|
objectName: 'company' | 'person';
|
|
viewFieldDefinitions: ViewFieldDefinition<ViewFieldMetadata>[];
|
|
}) => {
|
|
const setEntityTableDimensions = useSetRecoilState(
|
|
entityTableDimensionsState,
|
|
);
|
|
const setViewFieldsState = useSetRecoilState(viewFieldsState);
|
|
|
|
const [createViewFieldsMutation] = useCreateViewFieldsMutation();
|
|
|
|
useGetViewFieldsQuery({
|
|
variables: {
|
|
orderBy: { index: SortOrder.Asc },
|
|
where: { objectName: { equals: objectName } },
|
|
},
|
|
onCompleted: (data) => {
|
|
if (data.viewFields.length) {
|
|
const viewFields = data.viewFields.map<
|
|
ViewFieldDefinition<ViewFieldMetadata>
|
|
>((viewField) => ({
|
|
...(viewFieldDefinitions.find(
|
|
({ columnLabel }) => viewField.fieldName === columnLabel,
|
|
) || { metadata: DEFAULT_VIEW_FIELD_METADATA }),
|
|
id: viewField.id,
|
|
columnLabel: viewField.fieldName,
|
|
columnOrder: viewField.index,
|
|
columnSize: viewField.sizeInPx,
|
|
}));
|
|
|
|
setViewFieldsState({ objectName, viewFields });
|
|
setEntityTableDimensions((prevState) => ({
|
|
...prevState,
|
|
numberOfColumns: data.viewFields.length,
|
|
}));
|
|
|
|
return;
|
|
}
|
|
|
|
// Populate if empty
|
|
createViewFieldsMutation({
|
|
variables: {
|
|
data: viewFieldDefinitions.map((viewFieldDefinition) =>
|
|
toViewFieldInput(objectName, viewFieldDefinition),
|
|
),
|
|
},
|
|
refetchQueries: [getOperationName(GET_VIEW_FIELDS) ?? ''],
|
|
});
|
|
},
|
|
});
|
|
};
|