@inventreedb/ui 0.0.1 → 0.0.2

package/src/tables/stock/StockItemTestResultTable.tsx

@@ -1,487 +0,0 @@
-import { t } from '@lingui/core/macro';
-import { Badge, Group, Text, Tooltip } from '@mantine/core';
-import { showNotification } from '@mantine/notifications';
-import {
-  IconCircleCheck,
-  IconCirclePlus,
-  IconInfoCircle
-} from '@tabler/icons-react';
-import { useQuery } from '@tanstack/react-query';
-import { DataTable } from 'mantine-datatable';
-import { useCallback, useEffect, useMemo, useState } from 'react';
-
-import { ApiEndpoints } from '@lib/enums/ApiEndpoints';
-import { UserRoles } from '@lib/enums/Roles';
-import { apiUrl } from '@lib/functions/Api';
-import type { TableFilter } from '@lib/types/Filters';
-import type { ApiFormFieldSet } from '@lib/types/Forms';
-import { AddItemButton } from '../../components/buttons/AddItemButton';
-import { PassFailButton } from '../../components/buttons/YesNoButton';
-import { AttachmentLink } from '../../components/items/AttachmentLink';
-import { RenderUser } from '../../components/render/User';
-import { useApi } from '../../contexts/ApiContext';
-import { formatDate } from '../../defaults/formatters';
-import { useTestResultFields } from '../../forms/StockForms';
-import {
-  useCreateApiFormModal,
-  useDeleteApiFormModal,
-  useEditApiFormModal
-} from '../../hooks/UseForm';
-import { useTable } from '../../hooks/UseTable';
-import { useGlobalSettingsState } from '../../states/SettingsState';
-import { useUserState } from '../../states/UserState';
-import type { TableColumn } from '../Column';
-import { DateColumn, DescriptionColumn, NoteColumn } from '../ColumnRenderers';
-import { InvenTreeTable } from '../InvenTreeTable';
-import {
-  type RowAction,
-  RowActions,
-  RowDeleteAction,
-  RowEditAction
-} from '../RowActions';
-
-export default function StockItemTestResultTable({
-  partId,
-  itemId
-}: Readonly<{
-  partId: number;
-  itemId: number;
-}>) {
-  const api = useApi();
-  const user = useUserState();
-  const table = useTable('stocktests');
-
-  const globalSettings = useGlobalSettingsState();
-  const includeTestStation = useMemo(
-    () => globalSettings.isSet('TEST_STATION_DATA'),
-    [globalSettings]
-  );
-  // Fetch the test templates required for this stock item
-  const { data: testTemplates } = useQuery({
-    queryKey: ['stocktesttemplates', partId, itemId],
-    queryFn: async () => {
-      if (!partId) {
-        return [];
-      }
-
-      return api
-        .get(apiUrl(ApiEndpoints.part_test_template_list), {
-          params: {
-            part: partId,
-            include_inherited: true,
-            enabled: true
-          }
-        })
-        .then((response) => response.data)
-        .catch((_error) => []);
-    }
-  });
-
-  useEffect(() => {
-    table.refreshTable();
-  }, [testTemplates]);
-
-  // Format the test results based on the returned data
-  const formatRecords = useCallback(
-    (records: any[]): any[] => {
-      // Construct a list of test templates
-      const results = testTemplates.map((template: any) => {
-        return {
-          ...template,
-          templateId: template.pk,
-          results: []
-        };
-      });
-
-      // If any of the tests results point to templates which we do not have, add them in
-      records.forEach((record) => {
-        if (!results.find((r: any) => r.templateId == record.template)) {
-          results.push({
-            ...record.template_detail,
-            templateId: record.template,
-            results: []
-          });
-        }
-      });
-
-      // Iterate through the returned records
-      // Note that the results are sorted by oldest first,
-      // to ensure that the most recent result is displayed "on top"
-      records
-        .sort((a: any, b: any) => {
-          return a.pk > b.pk ? 1 : -1;
-        })
-        .forEach((record) => {
-          // Find matching template
-          const idx = results.findIndex(
-            (r: any) => r.templateId == record.template
-          );
-          if (idx >= 0) {
-            results[idx] = {
-              ...results[idx],
-              ...record
-            };
-
-            results[idx].results.push(record);
-          }
-        });
-
-      return results;
-    },
-    [partId, itemId, testTemplates]
-  );
-
-  const tableColumns: TableColumn[] = useMemo(() => {
-    return [
-      {
-        accessor: 'test',
-        title: t`Test`,
-        switchable: false,
-        sortable: true,
-        render: (record: any) => {
-          const enabled = record.enabled ?? record.template_detail?.enabled;
-          const installed =
-            record.stock_item != undefined && record.stock_item != itemId;
-
-          return (
-            <Group justify='space-between' wrap='nowrap'>
-              <Text
-                style={{ fontStyle: installed ? 'italic' : undefined }}
-                c={enabled ? undefined : 'red'}
-              >
-                {!record.templateId && '- '}
-                {record.test_name ?? record.template_detail?.test_name}
-              </Text>
-              <Group justify='right'>
-                {record.results && record.results.length > 1 && (
-                  <Tooltip label={t`Test Results`}>
-                    <Badge color='lightblue' variant='filled'>
-                      {record.results.length}
-                    </Badge>
-                  </Tooltip>
-                )}
-                {installed && (
-                  <Tooltip label={t`Test result for installed stock item`}>
-                    <IconInfoCircle size={16} color='blue' />
-                  </Tooltip>
-                )}
-              </Group>
-            </Group>
-          );
-        }
-      },
-      {
-        accessor: 'result',
-        title: t`Result`,
-        switchable: false,
-        sortable: true,
-        render: (record: any) => {
-          if (record.result === undefined) {
-            return (
-              <Badge color='lightblue' variant='filled'>{t`No Result`}</Badge>
-            );
-          } else {
-            return <PassFailButton value={record.result} />;
-          }
-        }
-      },
-      DescriptionColumn({
-        accessor: 'description'
-      }),
-      {
-        accessor: 'value',
-        title: t`Value`
-      },
-      {
-        accessor: 'attachment',
-        title: t`Attachment`,
-        render: (record: any) =>
-          record.attachment && (
-            <AttachmentLink attachment={record.attachment} />
-          ),
-        noContext: true
-      },
-      NoteColumn({}),
-      DateColumn({}),
-      {
-        accessor: 'user',
-        title: t`User`,
-        sortable: false,
-        render: (record: any) =>
-          record.user_detail && <RenderUser instance={record.user_detail} />
-      },
-      {
-        accessor: 'test_station',
-        sortable: true,
-        title: t`Test station`,
-        hidden: !includeTestStation
-      },
-      {
-        accessor: 'started_datetime',
-        sortable: true,
-        title: t`Started`,
-        hidden: !includeTestStation,
-        render: (record: any) => {
-          return (
-            <Group justify='space-between'>
-              {formatDate(record.started_datetime, {
-                showTime: true,
-                showSeconds: true
-              })}
-            </Group>
-          );
-        }
-      },
-      {
-        accessor: 'finished_datetime',
-        sortable: true,
-        title: t`Finished`,
-        hidden: !includeTestStation,
-        render: (record: any) => {
-          return (
-            <Group justify='space-between'>
-              {formatDate(record.finished_datetime, {
-                showTime: true,
-                showSeconds: true
-              })}
-            </Group>
-          );
-        }
-      }
-    ];
-  }, [itemId, includeTestStation]);
-
-  const [selectedTemplate, setSelectedTemplate] = useState<number | undefined>(
-    undefined
-  );
-
-  const newResultFields: ApiFormFieldSet = useTestResultFields({
-    partId: partId,
-    itemId: itemId,
-    templateId: selectedTemplate,
-    editing: false
-  });
-
-  const editResultFields: ApiFormFieldSet = useTestResultFields({
-    partId: partId,
-    itemId: itemId,
-    templateId: selectedTemplate,
-    editing: true
-  });
-
-  const newTestModal = useCreateApiFormModal({
-    url: ApiEndpoints.stock_test_result_list,
-    fields: useMemo(() => ({ ...newResultFields }), [newResultFields]),
-    initialData: {
-      template: selectedTemplate,
-      result: true
-    },
-    title: t`Add Test Result`,
-    table: table,
-    successMessage: t`Test result added`
-  });
-
-  const [selectedTest, setSelectedTest] = useState<number>(0);
-
-  const editTestModal = useEditApiFormModal({
-    url: ApiEndpoints.stock_test_result_list,
-    pk: selectedTest,
-    fields: useMemo(() => ({ ...editResultFields }), [editResultFields]),
-    title: t`Edit Test Result`,
-    table: table,
-    successMessage: t`Test result updated`
-  });
-
-  const deleteTestModal = useDeleteApiFormModal({
-    url: ApiEndpoints.stock_test_result_list,
-    pk: selectedTest,
-    title: t`Delete Test Result`,
-    table: table,
-    successMessage: t`Test result deleted`
-  });
-
-  const passTest = useCallback(
-    (templateId: number) => {
-      api
-        .post(apiUrl(ApiEndpoints.stock_test_result_list), {
-          template: templateId,
-          stock_item: itemId,
-          result: true
-        })
-        .then(() => {
-          table.refreshTable();
-          showNotification({
-            title: t`Test Passed`,
-            message: t`Test result has been recorded`,
-            color: 'green'
-          });
-        })
-        .catch(() => {
-          showNotification({
-            title: t`Error`,
-            message: t`Failed to record test result`,
-            color: 'red'
-          });
-        });
-    },
-    [itemId]
-  );
-
-  const rowActions = useCallback(
-    (record: any): RowAction[] => {
-      if (record.stock_item != undefined && record.stock_item != itemId) {
-        // Test results for other stock items cannot be edited
-        return [];
-      }
-
-      return [
-        {
-          title: t`Pass Test`,
-          color: 'green',
-          icon: <IconCircleCheck />,
-          hidden:
-            !record.templateId ||
-            record?.requires_attachment ||
-            record?.requires_value ||
-            record.result,
-          onClick: () => passTest(record.templateId)
-        },
-        {
-          title: t`Add`,
-          tooltip: t`Add Test Result`,
-          color: 'green',
-          icon: <IconCirclePlus />,
-          hidden: !user.hasAddRole(UserRoles.stock) || !record.templateId,
-          onClick: () => {
-            setSelectedTemplate(record.templateId);
-            newTestModal.open();
-          }
-        },
-        RowEditAction({
-          tooltip: t`Edit Test Result`,
-          hidden:
-            !user.hasChangeRole(UserRoles.stock) || !record.template_detail,
-          onClick: () => {
-            setSelectedTest(record.pk);
-            editTestModal.open();
-          }
-        }),
-        RowDeleteAction({
-          tooltip: t`Delete Test Result`,
-          hidden:
-            !user.hasDeleteRole(UserRoles.stock) || !record.template_detail,
-          onClick: () => {
-            setSelectedTest(record.pk);
-            deleteTestModal.open();
-          }
-        })
-      ];
-    },
-    [user, itemId]
-  );
-
-  const tableFilters: TableFilter[] = useMemo(() => {
-    return [
-      {
-        name: 'required',
-        label: t`Required`,
-        description: t`Show results for required tests`
-      },
-      {
-        name: 'include_installed',
-        label: t`Include Installed`,
-        description: t`Show results for installed stock items`
-      },
-      {
-        name: 'result',
-        label: t`Passed`,
-        description: t`Show only passed tests`
-      },
-      {
-        name: 'enabled',
-        label: t`Enabled`,
-        description: t`Show results for enabled tests`
-      }
-    ];
-  }, []);
-
-  const tableActions = useMemo(() => {
-    return [
-      <AddItemButton
-        key='add-test-result'
-        tooltip={t`Add Test Result`}
-        onClick={() => {
-          setSelectedTemplate(undefined);
-          newTestModal.open();
-        }}
-        hidden={!user.hasAddRole(UserRoles.stock)}
-      />
-    ];
-  }, [user]);
-
-  // Row expansion controller
-  const rowExpansion: any = useMemo(() => {
-    const cols: any = [
-      ...tableColumns,
-      {
-        accessor: 'actions',
-        title: '  ',
-        hidden: false,
-        switchable: false,
-        width: 50,
-        render: (record: any) => (
-          <RowActions actions={rowActions(record) ?? []} />
-        )
-      }
-    ];
-
-    return {
-      allowMultiple: true,
-      expandable: (record: any) => record.results && record.results.length > 1,
-      content: ({ record }: { record: any }) => {
-        if (!record || !record.results || record.results.length < 2) {
-          return null;
-        }
-
-        const results = record?.results ?? [];
-
-        return (
-          <DataTable
-            key={record.pk}
-            idAccessor={'test'}
-            noHeader
-            columns={cols}
-            records={results.slice(0, -1)}
-          />
-        );
-      }
-    };
-  }, []);
-
-  return (
-    <>
-      {newTestModal.modal}
-      {editTestModal.modal}
-      {deleteTestModal.modal}
-      <InvenTreeTable
-        url={apiUrl(ApiEndpoints.stock_test_result_list)}
-        tableState={table}
-        columns={tableColumns}
-        props={{
-          dataFormatter: formatRecords,
-          enablePagination: false,
-          tableActions: tableActions,
-          tableFilters: tableFilters,
-          rowActions: rowActions,
-          rowExpansion: rowExpansion,
-          params: {
-            stock_item: itemId,
-            user_detail: true,
-            attachment_detail: true,
-            template_detail: true
-          }
-        }}
-      />
-    </>
-  );
-}

package/src/tables/stock/StockLocationTable.tsx

@@ -1,208 +0,0 @@
-import { t } from '@lingui/core/macro';
-import { Group } from '@mantine/core';
-import { useCallback, useMemo, useState } 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 { ActionDropdown } from '../../components/items/ActionDropdown';
-import { ApiIcon } from '../../components/items/ApiIcon';
-import { stockLocationFields } from '../../forms/StockForms';
-import { InvenTreeIcon } from '../../functions/icons';
-import {
-  useBulkEditApiFormModal,
-  useCreateApiFormModal,
-  useEditApiFormModal
-} from '../../hooks/UseForm';
-import { useTable } from '../../hooks/UseTable';
-import { useUserState } from '../../states/UserState';
-import type { TableColumn } from '../Column';
-import { BooleanColumn, DescriptionColumn } from '../ColumnRenderers';
-import { InvenTreeTable } from '../InvenTreeTable';
-import { type RowAction, RowEditAction } from '../RowActions';
-
-/**
- * Stock location table
- */
-export function StockLocationTable({ parentId }: Readonly<{ parentId?: any }>) {
-  const table = useTable('stocklocation');
-  const user = useUserState();
-
-  const tableFilters: TableFilter[] = useMemo(() => {
-    return [
-      {
-        name: 'cascade',
-        label: t`Include Sublocations`,
-        description: t`Include sublocations in results`
-      },
-      {
-        name: 'structural',
-        label: t`Structural`,
-        description: t`Show structural locations`
-      },
-      {
-        name: 'external',
-        label: t`External`,
-        description: t`Show external locations`
-      },
-      {
-        name: 'has_location_type',
-        label: t`Has location type`
-      },
-      {
-        name: 'location_type',
-        label: t`Location Type`,
-        description: t`Filter by location type`,
-        apiUrl: apiUrl(ApiEndpoints.stock_location_type_list),
-        model: ModelType.stocklocationtype,
-        modelRenderer: (instance: any) => instance.name
-      }
-    ];
-  }, []);
-
-  const tableColumns: TableColumn[] = useMemo(() => {
-    return [
-      {
-        accessor: 'name',
-        switchable: false,
-        render: (record: any) => (
-          <Group gap='xs'>
-            {record.icon && <ApiIcon name={record.icon} />}
-            {record.name}
-          </Group>
-        )
-      },
-      DescriptionColumn({}),
-      {
-        accessor: 'pathstring',
-        sortable: true
-      },
-      {
-        accessor: 'items',
-        sortable: true
-      },
-      BooleanColumn({
-        accessor: 'structural'
-      }),
-      BooleanColumn({
-        accessor: 'external'
-      }),
-      {
-        accessor: 'location_type',
-        sortable: false,
-        render: (record: any) => record.location_type_detail?.name
-      }
-    ];
-  }, []);
-
-  const newLocation = useCreateApiFormModal({
-    url: ApiEndpoints.stock_location_list,
-    title: t`Add Stock Location`,
-    fields: stockLocationFields(),
-    focus: 'name',
-    initialData: {
-      parent: parentId
-    },
-    follow: true,
-    modelType: ModelType.stocklocation,
-    table: table
-  });
-
-  const [selectedLocation, setSelectedLocation] = useState<number>(-1);
-
-  const editLocation = useEditApiFormModal({
-    url: ApiEndpoints.stock_location_list,
-    pk: selectedLocation,
-    title: t`Edit Stock Location`,
-    fields: stockLocationFields(),
-    onFormSuccess: (record: any) => table.updateRecord(record)
-  });
-
-  const setParent = useBulkEditApiFormModal({
-    url: ApiEndpoints.stock_location_list,
-    items: table.selectedIds,
-    title: t`Set Parent Location`,
-    fields: {
-      parent: {}
-    },
-    onFormSuccess: table.refreshTable
-  });
-
-  const tableActions = useMemo(() => {
-    const can_add = user.hasAddRole(UserRoles.stock_location);
-    const can_edit = user.hasChangeRole(UserRoles.stock_location);
-
-    return [
-      <ActionDropdown
-        tooltip={t`Location Actions`}
-        icon={<InvenTreeIcon icon='location' />}
-        disabled={!table.hasSelectedRecords}
-        actions={[
-          {
-            name: t`Set Parent`,
-            icon: <InvenTreeIcon icon='location' />,
-            tooltip: t`Set parent location for the selected items`,
-            hidden: !can_edit,
-            disabled: !table.hasSelectedRecords,
-            onClick: () => {
-              setParent.open();
-            }
-          }
-        ]}
-      />,
-      <AddItemButton
-        key='add-stock-location'
-        tooltip={t`Add Stock Location`}
-        onClick={() => newLocation.open()}
-        hidden={!can_add}
-      />
-    ];
-  }, [user, table.hasSelectedRecords]);
-
-  const rowActions = useCallback(
-    (record: any): RowAction[] => {
-      const can_edit = user.hasChangeRole(UserRoles.stock_location);
-
-      return [
-        RowEditAction({
-          hidden: !can_edit,
-          onClick: () => {
-            setSelectedLocation(record.pk);
-            editLocation.open();
-          }
-        })
-      ];
-    },
-    [user]
-  );
-
-  return (
-    <>
-      {newLocation.modal}
-      {editLocation.modal}
-      {setParent.modal}
-      <InvenTreeTable
-        url={apiUrl(ApiEndpoints.stock_location_list)}
-        tableState={table}
-        columns={tableColumns}
-        props={{
-          enableSelection: true,
-          enableDownload: true,
-          enableLabels: true,
-          enableReports: true,
-          params: {
-            parent: parentId,
-            top_level: parentId === undefined ? true : undefined
-          },
-          tableFilters: tableFilters,
-          tableActions: tableActions,
-          rowActions: rowActions,
-          modelType: ModelType.stocklocation
-        }}
-      />
-    </>
-  );
-}