}) => {
- return row.original.isFavorite ? (
-
- ) : (
-
- );
- }
- },
- modelName: {
- id: 'modelName',
- Header: homeT('requestsTable.headers.name'),
- accessor: 'modelName',
- Cell: ({ row, value }: any) => {
- const filteredNameHistory: string[] = row.original.nameHistory?.slice(
- 1
- );
- return (
- <>
-
- {value}
-
- {filteredNameHistory && filteredNameHistory.length > 0 && (
-
- )}
-
- );
- }
- },
- abbreviation: {
- id: 'abbreviation',
- Header: homeT('requestsTable.headers.abbreviation'),
- accessor: 'abbreviation'
- },
- amsModelID: {
- id: 'amsModelID',
- Header: homeT('requestsTable.headers.amsModelID'),
- accessor: 'basics.amsModelID'
- },
- modelCategory: {
- id: 'modelCategory',
- Header: homeT('requestsTable.headers.category'),
- accessor: 'basics.modelCategory',
- Cell: ({ row, value }: any) => {
- const additionalModelCategory =
- row.original.basics.additionalModelCategories;
-
- // Handle no value with an early return
- if (!value) {
- return {homeT('requestsTable.tbd')}
;
- }
-
- if (additionalModelCategory.length !== 0) {
- const newArray = additionalModelCategory.map(
- (group: ModelCategory) => {
- return i18next.t(
- `basics:additionalModelCategories.options.${group}`
- );
- }
- );
-
- return `${i18next.t(
- `basics:modelCategory.options.${value}`
- )}, ${newArray.join(', ')}`;
- }
- return i18next.t(`basics:modelCategory.options.${value}`);
- }
- },
- status: {
- id: 'status',
- Header: homeT('requestsTable.headers.status'),
- accessor: ({ status }: any) => {
- return i18next.t(`modelPlan:status.options.${status}`);
- },
- Cell: ({ value }: any) => {
- return value;
- }
- },
- clearanceDate: {
- id: 'clearanceDate',
- Header: homeT('requestsTable.headers.clearanceDate'),
- accessor: ({ basics: { clearanceStarts } }: any) => {
- if (clearanceStarts) {
- return formatDateUtc(clearanceStarts, 'MM/dd/yyyy');
- }
- return null;
- },
- Cell: ({ value }: { value: string }) => {
- if (!value) {
- return {homeT('requestsTable.tbd')}
;
- }
- return value;
- }
- },
- startDate: {
- id: 'startDate',
- Header: homeT('requestsTable.headers.startDate'),
- accessor: ({ basics: { performancePeriodStarts } }: any) => {
- if (performancePeriodStarts) {
- return formatDateUtc(performancePeriodStarts, 'MM/dd/yyyy');
- }
- return null;
- },
- Cell: ({ value }: any) => {
- if (!value) {
- return {homeT('requestsTable.tbd')}
;
- }
- return value;
- }
- },
- recentActivity: {
- id: 'recentActivity',
- Header: homeT('requestsTable.headers.recentActivity'),
- accessor: 'modifiedDts',
- Cell: ({ row, value }: any) => {
- const { discussions } = row.original;
- const formattedUpdatedDate = `${homeT(
- 'requestsTable.updated'
- )} ${formatDateLocal(
- value || row.original.createdDts,
- 'MM/dd/yyyy'
- )}`;
- return (
- <>
- {formattedUpdatedDate}
- {discussions.length > 0 && (
-
- {' '}
- {discussions.length}{' '}
- {i18next.t('discussionsMisc:discussionBanner.discussion', {
- count: discussions.length
- })}
-
- )}
-
- );
- }
- },
- paymentDate: {
- id: 'paymentDate',
- Header: homeT('requestsTable.headers.paymentDate'),
- accessor: ({ payments: { paymentStartDate } }: any) => {
- if (paymentStartDate) {
- return formatDateUtc(paymentStartDate, 'MM/dd/yyyy');
- }
- return null;
- },
- Cell: ({ value }: { value: string | null }) => {
- if (!value) {
- return {homeT('requestsTable.tbd')}
;
- }
- return value;
- }
- },
- keyCharacteristics: {
- id: 'keyCharacteristics',
- Header: homeT('requestsTable.headers.keyCharacteristics'),
- accessor: 'generalCharacteristics.keyCharacteristics',
- Cell: ({ value }: { value: KeyCharacteristic[] }) => {
- if (value) {
- return value
- .map(characteristics => {
- return i18next.t(
- `generalCharacteristics:keyCharacteristics.options.${characteristics}`
- );
- })
- .join(', ');
- }
- return null;
- }
- },
- demoCode: {
- id: 'demoCode',
- Header: homeT('requestsTable.headers.demoCode'),
- accessor: 'basics.demoCode'
- },
- crTdls: {
- id: 'crTdls',
- Header: homeT('requestsTable.headers.crTDLs'),
- accessor: 'crTdls',
- Cell: ({ value }: { value: CRTDLType[] }) => {
- if (!value || value.length === 0) {
- return {homeT('requestsTable.tbd')}
;
- }
- const crtdlIDs = value
- .map((crtdl: CRTDLType) => crtdl.idNumber)
- .join(', ');
- return crtdlIDs;
- }
- },
- modelPoc: {
- id: 'modelPoc',
- Header: homeT('requestsTable.headers.modelPoc'),
- accessor: 'collaborators',
- Cell: ({ value }: any) => {
- if (value) {
- const leads = value.filter((item: CollaboratorsType) => {
- return item.teamRoles.includes(TeamRole.MODEL_LEAD);
- });
- return (
- <>
- {leads.map((item: CollaboratorsType, index: number) => {
- return `${item.userAccount.commonName}${
- index === leads.length - 1 ? '' : ', '
- }`;
- })}
-
- );
- }
- return '';
- }
- }
- };
-
- const columnList: any = [...tableColumns[type]].map(
- column => columnOptions[column]
- );
-
- return columnList;
- }, [homeT, updateFavorite, type]);
-
- const {
- getTableProps,
- getTableBodyProps,
- headerGroups,
- canPreviousPage,
- canNextPage,
- pageOptions,
- pageCount,
- gotoPage,
- nextPage,
- previousPage,
- setPageSize,
- page,
- setGlobalFilter,
- state,
- rows,
- prepareRow
- } = useTable(
- {
- columns,
- data,
- sortTypes: {
- alphanumeric: (rowOne, rowTwo, columnName) => {
- return sortColumnValues(
- rowOne.values[columnName],
- rowTwo.values[columnName]
- );
- }
- },
- globalFilter: useMemo(() => globalFilterCellText, []),
- autoResetSortBy: false,
- // Resets to page 1 upon client global filtering. False value if changing/filtering your data externally
- autoResetPage: true,
- initialState: {
- sortBy: useMemo(() => [{ id: 'modelName', asc: true }], []),
- pageIndex: 0
- }
- },
- useFilters,
- useGlobalFilter,
- useSortBy,
- usePagination
- );
-
- // Checking if the table is for Assessment and if they have no associated models
- // If so, do not render the table at all
- useEffect(() => {
- if (!loading && isAssessment && userModels && data.length === 0) {
- if (hideTable) hideTable(true);
- }
- }, [loading, isAssessment, userModels, data, hideTable]);
-
- if (tableHidden) {
- return null;
- }
-
- if (!data.length && loading) {
- return ;
- }
-
- if (error) {
- return {homeT('fetchError')};
- }
-
- if (data.length === 0) {
- return (
-
- {homeT('requestsTable.empty.body')}
-
- );
- }
-
- rows.map(row => prepareRow(row));
-
- const homeStyle = (index: number) => {
- return {
- minWidth:
- (index === 0 && '170px') ||
- (index === 2 && '100px') ||
- (index === 1 && '110px') ||
- '138px',
- paddingLeft: '0'
- };
- };
-
- const modelsStyle = (index: number) => {
- return {
- minWidth:
- (type === 'models' && index === 0 && '50px') ||
- (type === 'models' && index === 2 && '100px') ||
- (type === 'models' && index === 3 && '100px') ||
- '138px',
- padding: index === 0 ? '0' : 'auto',
- paddingTop: index === 0 ? '0rem' : 'auto',
- paddingLeft: '0',
- paddingBottom: index === 0 ? '0rem' : '.5rem'
- };
- };
-
- return (
-
-
-
- {!userModels && (
-
- )}
-
- {!userModels && (
-
- )}
-
-
- <>{csvDownload &&
}
-
-
-
-
- {homeT('requestsTable.caption')}
-
-
-
- {headerGroups.map(headerGroup => (
-
- {headerGroup.headers
- // @ts-ignore
- .filter((column, index) => !hiddenColumns?.includes(index))
- .map((column, index) => (
- |
-
- |
- ))}
-
- ))}
-
-
-
- {page.map(row => {
- return (
-
- {row.cells
- .filter((cell, index) => {
- // @ts-ignore
- return !hiddenColumns?.includes(index);
- })
- .map((cell, i) => {
- if (i === 0) {
- return (
- |
- {cell.render('Cell')}
- |
- );
- }
- return (
-
- {cell.render('Cell')}
- |
- );
- })}
-
- );
- })}
-
-
-
- {state.globalFilter && page.length === 0 && (
-
- {homeT('allModels.noResults.subheading')}
-
- )}
-
- {!userModels && (
-
- )}
-
-
- {currentTableSortDescription(headerGroups[0])}
-
-
- {t('previously')}{' '}
- {isShowingAllNames
- ? `${names.join(', ')}`
- : `${firstThreeNames.join(', ')}`}
-
- {names.length > 3 && (
-
- )}
-
- );
-};
-
-export default ModelPlansTable;