@inventreedb/ui 0.0.1 → 0.0.3

package/src/tables/build/BuildOrderTable.tsx

@@ -1,226 +0,0 @@
-import { t } from '@lingui/core/macro';
-import { useMemo } from 'react';
-
-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 { AddItemButton } from '../../components/buttons/AddItemButton';
-import { ProgressBar } from '../../components/items/ProgressBar';
-import { RenderUser } from '../../components/render/User';
-import { useBuildOrderFields } from '../../forms/BuildForms';
-import { useCreateApiFormModal } from '../../hooks/UseForm';
-import { useTable } from '../../hooks/UseTable';
-import { useUserState } from '../../states/UserState';
-import {
-  CreationDateColumn,
-  DateColumn,
-  PartColumn,
-  ProjectCodeColumn,
-  ReferenceColumn,
-  ResponsibleColumn,
-  StartDateColumn,
-  StatusColumn,
-  TargetDateColumn
-} from '../ColumnRenderers';
-import {
-  AssignedToMeFilter,
-  CompletedAfterFilter,
-  CompletedBeforeFilter,
-  CreatedAfterFilter,
-  CreatedBeforeFilter,
-  HasProjectCodeFilter,
-  IssuedByFilter,
-  MaxDateFilter,
-  MinDateFilter,
-  OrderStatusFilter,
-  OutstandingFilter,
-  OverdueFilter,
-  PartCategoryFilter,
-  ProjectCodeFilter,
-  ResponsibleFilter,
-  StartDateAfterFilter,
-  StartDateBeforeFilter,
-  TargetDateAfterFilter,
-  TargetDateBeforeFilter
-} from '../Filter';
-import { InvenTreeTable } from '../InvenTreeTable';
-
-/*
- * Construct a table of build orders, according to the provided parameters
- */
-export function BuildOrderTable({
-  partId,
-  parentBuildId,
-  salesOrderId
-}: Readonly<{
-  partId?: number;
-  parentBuildId?: number;
-  salesOrderId?: number;
-}>) {
-  const table = useTable(!!partId ? 'buildorder-part' : 'buildorder-index');
-
-  const tableColumns = useMemo(() => {
-    return [
-      ReferenceColumn({}),
-      {
-        accessor: 'part',
-        sortable: true,
-        switchable: false,
-        render: (record: any) => PartColumn({ part: record.part_detail })
-      },
-      {
-        accessor: 'part_detail.IPN',
-        sortable: true,
-        switchable: true,
-        title: t`IPN`
-      },
-      {
-        accessor: 'title',
-        sortable: false
-      },
-      {
-        accessor: 'completed',
-        sortable: true,
-        switchable: false,
-        render: (record: any) => (
-          <ProgressBar
-            progressLabel={true}
-            value={record.completed}
-            maximum={record.quantity}
-          />
-        )
-      },
-      StatusColumn({ model: ModelType.build }),
-      ProjectCodeColumn({}),
-      {
-        accessor: 'level',
-        sortable: true,
-        switchable: true,
-        hidden: !parentBuildId
-      },
-      {
-        accessor: 'priority',
-        sortable: true
-      },
-      CreationDateColumn({}),
-      StartDateColumn({}),
-      TargetDateColumn({}),
-      DateColumn({
-        accessor: 'completion_date',
-        title: t`Completion Date`,
-        sortable: true
-      }),
-      {
-        accessor: 'issued_by',
-        sortable: true,
-        render: (record: any) => (
-          <RenderUser instance={record?.issued_by_detail} />
-        )
-      },
-      ResponsibleColumn({})
-    ];
-  }, [parentBuildId]);
-
-  const tableFilters: TableFilter[] = useMemo(() => {
-    const filters: TableFilter[] = [
-      OutstandingFilter(),
-      OrderStatusFilter({ model: ModelType.build }),
-      OverdueFilter(),
-      AssignedToMeFilter(),
-      MinDateFilter(),
-      MaxDateFilter(),
-      CreatedBeforeFilter(),
-      CreatedAfterFilter(),
-      TargetDateBeforeFilter(),
-      TargetDateAfterFilter(),
-      StartDateBeforeFilter(),
-      StartDateAfterFilter(),
-      {
-        name: 'has_target_date',
-        type: 'boolean',
-        label: t`Has Target Date`,
-        description: t`Show orders with a target date`
-      },
-      {
-        name: 'has_start_date',
-        type: 'boolean',
-        label: t`Has Start Date`,
-        description: t`Show orders with a start date`
-      },
-      CompletedBeforeFilter(),
-      CompletedAfterFilter(),
-      ProjectCodeFilter(),
-      HasProjectCodeFilter(),
-      IssuedByFilter(),
-      ResponsibleFilter(),
-      PartCategoryFilter()
-    ];
-
-    // If we are filtering on a specific part, we can include the "include variants" filter
-    if (!!partId) {
-      filters.push({
-        name: 'include_variants',
-        type: 'boolean',
-        label: t`Include Variants`,
-        description: t`Include orders for part variants`
-      });
-    }
-
-    return filters;
-  }, [partId]);
-
-  const user = useUserState();
-
-  const buildOrderFields = useBuildOrderFields({ create: true });
-
-  const newBuild = useCreateApiFormModal({
-    url: ApiEndpoints.build_order_list,
-    title: t`Add Build Order`,
-    fields: buildOrderFields,
-    initialData: {
-      part: partId,
-      sales_order: salesOrderId,
-      parent: parentBuildId
-    },
-    follow: true,
-    modelType: ModelType.build
-  });
-
-  const tableActions = useMemo(() => {
-    return [
-      <AddItemButton
-        hidden={!user.hasAddRole(UserRoles.build)}
-        tooltip={t`Add Build Order`}
-        onClick={() => newBuild.open()}
-        key='add-build-order'
-      />
-    ];
-  }, [user]);
-
-  return (
-    <>
-      {newBuild.modal}
-      <InvenTreeTable
-        url={apiUrl(ApiEndpoints.build_order_list)}
-        tableState={table}
-        columns={tableColumns}
-        props={{
-          params: {
-            part: partId,
-            ancestor: parentBuildId,
-            sales_order: salesOrderId,
-            part_detail: true
-          },
-          tableActions: tableActions,
-          tableFilters: tableFilters,
-          modelType: ModelType.build,
-          enableSelection: true,
-          enableReports: true,
-          enableDownload: true
-        }}
-      />
-    </>
-  );
-}

package/src/tables/build/BuildOrderTestTable.tsx

@@ -1,265 +0,0 @@
-import { t } from '@lingui/core/macro';
-import { ActionIcon, Badge, Group, Text, Tooltip } from '@mantine/core';
-import { IconCirclePlus } from '@tabler/icons-react';
-import { useQuery } from '@tanstack/react-query';
-import {
-  type ReactNode,
-  useCallback,
-  useEffect,
-  useMemo,
-  useState
-} from 'react';
-
-import { ApiEndpoints } from '@lib/enums/ApiEndpoints';
-import { apiUrl } from '@lib/functions/Api';
-import type { TableFilter } from '@lib/types/Filters';
-import type { ApiFormFieldSet } from '@lib/types/Forms';
-import { PassFailButton } from '../../components/buttons/YesNoButton';
-import { RenderUser } from '../../components/render/User';
-import { useApi } from '../../contexts/ApiContext';
-import { formatDate } from '../../defaults/formatters';
-import { useTestResultFields } from '../../forms/StockForms';
-import { useCreateApiFormModal } from '../../hooks/UseForm';
-import { useTable } from '../../hooks/UseTable';
-import { useUserState } from '../../states/UserState';
-import type { TableColumn } from '../Column';
-import { LocationColumn } from '../ColumnRenderers';
-import { InvenTreeTable } from '../InvenTreeTable';
-import type { RowAction } from '../RowActions';
-import { TableHoverCard } from '../TableHoverCard';
-
-/**
- * A table which displays all "test results" for the outputs generated by a build order.
- */
-export default function BuildOrderTestTable({
-  buildId,
-  partId
-}: Readonly<{
-  buildId: number;
-  partId: number;
-}>) {
-  const table = useTable('build-tests');
-  const user = useUserState();
-  const api = useApi();
-
-  // Fetch the test templates required for this build order
-  const { data: testTemplates } = useQuery({
-    queryKey: ['build-test-templates', partId, buildId],
-    queryFn: async () => {
-      if (!partId) {
-        return [];
-      }
-
-      return api
-        .get(apiUrl(ApiEndpoints.part_test_template_list), {
-          params: {
-            part: partId,
-            include_inherited: true,
-            enabled: true,
-            required: true
-          }
-        })
-        .then((res) => res.data)
-        .catch((err) => []);
-    }
-  });
-
-  // Reload the table data whenever the set of templates changes
-  useEffect(() => {
-    table.refreshTable();
-  }, [testTemplates]);
-
-  const [selectedOutput, setSelectedOutput] = useState<number>(0);
-  const [selectedTemplate, setSelectedTemplate] = useState<number>(0);
-
-  const testResultFields: ApiFormFieldSet = useTestResultFields({
-    partId: partId,
-    itemId: selectedOutput,
-    templateId: selectedTemplate
-  });
-
-  const createTestResult = useCreateApiFormModal({
-    url: apiUrl(ApiEndpoints.stock_test_result_list),
-    title: t`Add Test Result`,
-    fields: testResultFields,
-    initialData: {
-      template: selectedTemplate,
-      result: true
-    },
-    onFormSuccess: () => table.refreshTable(),
-    successMessage: t`Test result added`
-  });
-
-  // Generate a table column for each test template
-  const testColumns: TableColumn[] = useMemo(() => {
-    if (!testTemplates || testTemplates.length == 0) {
-      return [];
-    }
-
-    return testTemplates.map((template: any) => {
-      return {
-        accessor: `test_${template.pk}`,
-        title: template.test_name,
-        sortable: false,
-        switchable: true,
-        render: (record: any) => {
-          const tests = record.tests || [];
-
-          // Find the most recent test result (highest primary key)
-          const test = tests
-            .filter((test: any) => test.template == template.pk)
-            .sort((a: any, b: any) => b.pk - a.pk)
-            .shift();
-
-          // No test result recorded
-          if (!test || test.result === undefined) {
-            return (
-              <Group gap='xs' wrap='nowrap' justify='space-between'>
-                <Badge color='lightblue' variant='filled'>{t`No Result`}</Badge>
-                <Tooltip label={t`Add Test Result`}>
-                  <ActionIcon
-                    size='xs'
-                    color='green'
-                    variant='transparent'
-                    onClick={() => {
-                      setSelectedOutput(record.pk);
-                      setSelectedTemplate(template.pk);
-                      createTestResult.open();
-                    }}
-                  >
-                    <IconCirclePlus />
-                  </ActionIcon>
-                </Tooltip>
-              </Group>
-            );
-          }
-
-          const extra: ReactNode[] = [];
-
-          if (test.value) {
-            extra.push(
-              <Text key='value' size='sm'>
-                {t`Value`}: {test.value}
-              </Text>
-            );
-          }
-
-          if (test.notes) {
-            extra.push(
-              <Text key='notes' size='sm'>
-                {t`Notes`}: {test.notes}
-              </Text>
-            );
-          }
-
-          if (test.date) {
-            extra.push(
-              <Text key='date' size='sm'>
-                {t`Date`}: {formatDate(test.date)}
-              </Text>
-            );
-          }
-
-          if (test.user_detail) {
-            extra.push(<RenderUser key='user' instance={test.user_detail} />);
-          }
-
-          return (
-            <TableHoverCard
-              value={<PassFailButton value={test.result} />}
-              title={template.test_name}
-              extra={extra}
-            />
-          );
-        }
-      };
-    });
-  }, [testTemplates]);
-
-  const tableColumns: TableColumn[] = useMemo(() => {
-    // Fixed columns
-    const columns: TableColumn[] = [
-      {
-        accessor: 'stock',
-        title: t`Build Output`,
-        sortable: true,
-        switchable: false,
-        render: (record: any) => {
-          if (record.serial) {
-            return `# ${record.serial}`;
-          } else {
-            const extra: ReactNode[] = [];
-
-            if (record.batch) {
-              extra.push(
-                <Text key='batch' size='sm'>
-                  {t`Batch Code`}: {record.batch}
-                </Text>
-              );
-            }
-
-            return (
-              <TableHoverCard
-                value={
-                  <Text>
-                    {t`Quantity`}: {record.quantity}
-                  </Text>
-                }
-                title={t`Build Output`}
-                extra={extra}
-              />
-            );
-          }
-        }
-      },
-      LocationColumn({
-        accessor: 'location_detail'
-      })
-    ];
-
-    return [...columns, ...testColumns];
-  }, [testColumns]);
-
-  const tableFilters: TableFilter[] = useMemo(() => {
-    return [
-      {
-        name: 'is_building',
-        label: t`In Production`,
-        description: t`Show build outputs currently in production`
-      }
-    ];
-  }, []);
-
-  const tableActions = useMemo(() => {
-    return [];
-  }, []);
-
-  const rowActions = useCallback(
-    (record: any): RowAction[] => {
-      return [];
-    },
-    [user]
-  );
-
-  return (
-    <>
-      {createTestResult.modal}
-      <InvenTreeTable
-        url={apiUrl(ApiEndpoints.stock_item_list)}
-        tableState={table}
-        columns={tableColumns}
-        props={{
-          params: {
-            part_detail: true,
-            location_detail: true,
-            tests: true,
-            build: buildId
-          },
-          rowActions: rowActions,
-          tableFilters: tableFilters,
-          tableActions: tableActions
-        }}
-      />
-    </>
-  );
-}