[UI] Manufacturer part updates (#10601)

* Add filters for manufacturer parts table

* Refactor <ManufacturerPartTable />

* Fix typo

* Additional filter options for StockList:

- Filter by ManufacturerPart ID

* Stock table view for ManufacturerPart

* Bump API version

src/frontend/src/pages/company/CompanyDetail.tsx

@@ -197,7 +197,7 @@ export default function CompanyDetail(props: Readonly<CompanyDetailProps>) {
         icon: <IconBuildingWarehouse />,
         hidden: !company?.is_manufacturer,
         content: company?.pk && (
-          <ManufacturerPartTable params={{ manufacturer: company.pk }} />
+          <ManufacturerPartTable manufacturerId={company.pk} />
         )
       },
       {

src/frontend/src/pages/company/ManufacturerPartDetail.tsx

@@ -3,7 +3,8 @@ import { Grid, Skeleton, Stack } from '@mantine/core';
 import {
   IconBuildingWarehouse,
   IconInfoCircle,
-  IconList
+  IconList,
+  IconPackages
 } from '@tabler/icons-react';
 import { useMemo } from 'react';
 import { useNavigate, useParams } from 'react-router-dom';
@@ -42,6 +43,7 @@ import { useInstance } from '../../hooks/UseInstance';
 import { useUserState } from '../../states/UserState';
 import ManufacturerPartParameterTable from '../../tables/purchasing/ManufacturerPartParameterTable';
 import { SupplierPartTable } from '../../tables/purchasing/SupplierPartTable';
+import { StockItemTable } from '../../tables/stock/StockItemTable';
 
 export default function ManufacturerPartDetail() {
   const { id } = useParams();
@@ -171,6 +173,20 @@ export default function ManufacturerPartDetail() {
           <Skeleton />
         )
       },
+      {
+        name: 'stock',
+        label: t`Received Stock`,
+        hidden: !user.hasViewRole(UserRoles.stock),
+        icon: <IconPackages />,
+        content: (
+          <StockItemTable
+            tableName='manufacturer-part-stock'
+            params={{
+              manufacturer_part: id
+            }}
+          />
+        )
+      },
       {
         name: 'suppliers',
         label: t`Suppliers`,
@@ -194,7 +210,7 @@ export default function ManufacturerPartDetail() {
         model_id: manufacturerPart?.pk
       })
     ];
-  }, [manufacturerPart]);
+  }, [user, manufacturerPart]);
 
   const editManufacturerPartFields = useManufacturerPartFields();
 
@@ -278,7 +294,7 @@ export default function ManufacturerPartDetail() {
       >
         <Stack gap='xs'>
           <PageDetail
-            title={t`ManufacturerPart`}
+            title={t`Manufacturer Part`}
             subtitle={`${manufacturerPart.MPN} - ${manufacturerPart.part_detail?.name}`}
             breadcrumbs={breadcrumbs}
             lastCrumb={[

src/frontend/src/pages/part/PartSupplierDetail.tsx

@@ -23,7 +23,7 @@ export default function PartSupplierDetail({
           <StylishText size='lg'>{t`Manufacturers`}</StylishText>
         </Accordion.Control>
         <Accordion.Panel>
-          <ManufacturerPartTable params={{ part: partId }} />
+          <ManufacturerPartTable partId={partId} />
         </Accordion.Panel>
       </Accordion.Item>
     </Accordion>

src/frontend/src/pages/purchasing/PurchasingIndex.tsx

@@ -108,7 +108,7 @@ export default function PurchasingIndex() {
         name: 'manufacturer-parts',
         label: t`Manufacturer Parts`,
         icon: <IconBuildingWarehouse />,
-        content: <ManufacturerPartTable params={{}} />
+        content: <ManufacturerPartTable />
       }
     ];
   }, [user, purchaseOrderView]);

src/frontend/src/tables/purchasing/ManufacturerPartTable.tsx

@@ -11,6 +11,7 @@ import { ApiEndpoints } from '@lib/enums/ApiEndpoints';
 import { ModelType } from '@lib/enums/ModelType';
 import { UserRoles } from '@lib/enums/Roles';
 import { apiUrl } from '@lib/functions/Api';
+import type { TableFilter } from '@lib/types/Filters';
 import type { TableColumn } from '@lib/types/Tables';
 import { useManufacturerPartFields } from '../../forms/CompanyForms';
 import {
@@ -32,9 +33,27 @@ import { InvenTreeTable } from '../InvenTreeTable';
  * Construct a table listing manufacturer parts
  */
 export function ManufacturerPartTable({
-  params
-}: Readonly<{ params: any }>): ReactNode {
-  const table = useTable('manufacturerparts');
+  manufacturerId,
+  partId
+}: Readonly<{
+  manufacturerId?: number;
+  partId?: number;
+}>): ReactNode {
+  const tableId: string = useMemo(() => {
+    let tId = 'manufacturer-part';
+
+    if (manufacturerId) {
+      tId += '-manufacturer';
+    }
+
+    if (partId) {
+      tId += '-part';
+    }
+
+    return tId;
+  }, [manufacturerId, partId]);
+
+  const table = useTable(tableId);
 
   const user = useUserState();
 
@@ -42,7 +61,7 @@ export function ManufacturerPartTable({
   const tableColumns: TableColumn[] = useMemo(() => {
     return [
       PartColumn({
-        switchable: 'part' in params
+        switchable: !!partId
       }),
       {
         accessor: 'manufacturer',
@@ -59,7 +78,7 @@ export function ManufacturerPartTable({
       DescriptionColumn({}),
       LinkColumn({})
     ];
-  }, [params]);
+  }, [partId]);
 
   const manufacturerPartFields = useManufacturerPartFields();
 
@@ -73,8 +92,8 @@ export function ManufacturerPartTable({
     fields: manufacturerPartFields,
     table: table,
     initialData: {
-      manufacturer: params?.manufacturer,
-      part: params?.part
+      manufacturer: manufacturerId,
+      part: partId
     }
   });
 
@@ -93,6 +112,24 @@ export function ManufacturerPartTable({
     table: table
   });
 
+  const tableFilters: TableFilter[] = useMemo(() => {
+    return [
+      {
+        name: 'part_active',
+        label: t`Active Part`,
+        description: t`Show manufacturer parts for active internal parts.`,
+        type: 'boolean'
+      },
+      {
+        name: 'manufacturer_active',
+        label: t`Active Manufacturer`,
+        active: !manufacturerId,
+        description: t`Show manufacturer parts for active manufacturers.`,
+        type: 'boolean'
+      }
+    ];
+  }, [manufacturerId]);
+
   const tableActions = useMemo(() => {
     const can_add =
       user.hasAddRole(UserRoles.purchase_order) &&
@@ -141,13 +178,15 @@ export function ManufacturerPartTable({
         columns={tableColumns}
         props={{
           params: {
-            ...params,
+            part: partId,
+            manufacturer: manufacturerId,
             part_detail: true,
             manufacturer_detail: true
           },
           enableDownload: true,
           rowActions: rowActions,
           tableActions: tableActions,
+          tableFilters: tableFilters,
           modelType: ModelType.manufacturerpart
         }}
       />