@inventreedb/ui 0.0.1 → 0.0.3

package/src/tables/part/PartSalesAllocationsTable.tsx

@@ -1,130 +0,0 @@
-import { t } from '@lingui/core/macro';
-import { Group, Text } from '@mantine/core';
-import type { DataTableRowExpansionProps } from 'mantine-datatable';
-import { useCallback, useMemo } from 'react';
-import { useNavigate } from 'react-router-dom';
-
-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 { ProgressBar } from '../../components/items/ProgressBar';
-import { useTable } from '../../hooks/UseTable';
-import { useUserState } from '../../states/UserState';
-import type { TableColumn } from '../Column';
-import {
-  DescriptionColumn,
-  ProjectCodeColumn,
-  StatusColumn
-} from '../ColumnRenderers';
-import { InvenTreeTable } from '../InvenTreeTable';
-import { RowViewAction } from '../RowActions';
-import RowExpansionIcon from '../RowExpansionIcon';
-import SalesOrderAllocationTable from '../sales/SalesOrderAllocationTable';
-
-export default function PartSalesAllocationsTable({
-  partId
-}: Readonly<{
-  partId: number;
-}>) {
-  const user = useUserState();
-  const navigate = useNavigate();
-  const table = useTable('part-sales-allocations');
-
-  const tableColumns: TableColumn[] = useMemo(() => {
-    return [
-      {
-        accessor: 'order',
-        title: t`Sales Order`,
-        render: (record: any) => (
-          <Group wrap='nowrap' gap='xs'>
-            <RowExpansionIcon
-              enabled={record.allocated > 0}
-              expanded={table.isRowExpanded(record.pk)}
-            />
-            <Text>{record.order_detail?.reference}</Text>
-          </Group>
-        )
-      },
-      DescriptionColumn({
-        accessor: 'order_detail.description'
-      }),
-      ProjectCodeColumn({
-        accessor: 'order_detail.project_code_detail'
-      }),
-      StatusColumn({
-        accessor: 'order_detail.status',
-        model: ModelType.salesorder,
-        title: t`Order Status`
-      }),
-      {
-        accessor: 'allocated',
-        title: t`Required Stock`,
-        render: (record: any) => (
-          <ProgressBar
-            progressLabel
-            value={record.allocated}
-            maximum={record.quantity}
-          />
-        )
-      }
-    ];
-  }, [table.isRowExpanded]);
-
-  const rowActions = useCallback(
-    (record: any) => {
-      return [
-        RowViewAction({
-          title: t`View Sales Order`,
-          modelType: ModelType.salesorder,
-          modelId: record.order,
-          hidden: !user.hasViewRole(UserRoles.sales_order),
-          navigate: navigate
-        })
-      ];
-    },
-    [user]
-  );
-
-  // Control row expansion
-  const rowExpansion: DataTableRowExpansionProps<any> = useMemo(() => {
-    return {
-      allowMultiple: true,
-      expandable: ({ record }: { record: any }) => {
-        return table.isRowExpanded(record.pk) || record.allocated > 0;
-      },
-      content: ({ record }: { record: any }) => {
-        return (
-          <SalesOrderAllocationTable
-            showOrderInfo={false}
-            showPartInfo={false}
-            lineItemId={record.pk}
-            partId={record.part}
-            allowEdit
-            isSubTable
-          />
-        );
-      }
-    };
-  }, [table.isRowExpanded]);
-
-  return (
-    <InvenTreeTable
-      url={apiUrl(ApiEndpoints.sales_order_line_list)}
-      tableState={table}
-      columns={tableColumns}
-      props={{
-        minHeight: 200,
-        params: {
-          part: partId,
-          order_detail: true,
-          order_outstanding: true
-        },
-        enableSearch: false,
-        enableColumnSwitching: false,
-        rowExpansion: rowExpansion,
-        rowActions: rowActions
-      }}
-    />
-  );
-}

package/src/tables/part/PartTable.tsx

@@ -1,423 +0,0 @@
-import { t } from '@lingui/core/macro';
-import { Group, Text } from '@mantine/core';
-import { type ReactNode, 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 { IconShoppingCart } from '@tabler/icons-react';
-import { AddItemButton } from '../../components/buttons/AddItemButton';
-import { ActionDropdown } from '../../components/items/ActionDropdown';
-import OrderPartsWizard from '../../components/wizards/OrderPartsWizard';
-import { formatPriceRange } from '../../defaults/formatters';
-import { usePartFields } from '../../forms/PartForms';
-import { InvenTreeIcon } from '../../functions/icons';
-import {
-  useBulkEditApiFormModal,
-  useCreateApiFormModal
-} from '../../hooks/UseForm';
-import { useTable } from '../../hooks/UseTable';
-import { useUserState } from '../../states/UserState';
-import type { TableColumn } from '../Column';
-import { DescriptionColumn, LinkColumn, PartColumn } from '../ColumnRenderers';
-import { InvenTreeTable, type InvenTreeTableProps } from '../InvenTreeTable';
-import { TableHoverCard } from '../TableHoverCard';
-
-/**
- * Construct a list of columns for the part table
- */
-function partTableColumns(): TableColumn[] {
-  return [
-    {
-      accessor: 'name',
-      title: t`Part`,
-      sortable: true,
-      noWrap: true,
-      render: (record: any) => PartColumn({ part: record })
-    },
-    {
-      accessor: 'IPN',
-      sortable: true
-    },
-    {
-      accessor: 'revision',
-      sortable: true
-    },
-    {
-      accessor: 'units',
-      sortable: true
-    },
-    DescriptionColumn({}),
-    {
-      accessor: 'category',
-      sortable: true,
-      render: (record: any) => record.category_detail?.pathstring
-    },
-    {
-      accessor: 'default_location',
-      sortable: true,
-      render: (record: any) => record.default_location_detail?.pathstring
-    },
-    {
-      accessor: 'total_in_stock',
-      sortable: true,
-
-      render: (record) => {
-        const extra: ReactNode[] = [];
-
-        const stock = record?.total_in_stock ?? 0;
-        const allocated =
-          (record?.allocated_to_build_orders ?? 0) +
-          (record?.allocated_to_sales_orders ?? 0);
-        const available = Math.max(0, stock - allocated);
-        const min_stock = record?.minimum_stock ?? 0;
-
-        let text = String(stock);
-
-        let color: string | undefined = undefined;
-
-        if (min_stock > stock) {
-          extra.push(
-            <Text key='min-stock' c='orange'>
-              {`${t`Minimum stock`}: ${min_stock}`}
-            </Text>
-          );
-
-          color = 'orange';
-        }
-
-        if (record.ordering > 0) {
-          extra.push(
-            <Text key='on-order'>{`${t`On Order`}: ${record.ordering}`}</Text>
-          );
-        }
-
-        if (record.building) {
-          extra.push(
-            <Text key='building'>{`${t`Building`}: ${record.building}`}</Text>
-          );
-        }
-
-        if (record.allocated_to_build_orders > 0) {
-          extra.push(
-            <Text key='bo-allocations'>
-              {`${t`Build Order Allocations`}: ${record.allocated_to_build_orders}`}
-            </Text>
-          );
-        }
-
-        if (record.allocated_to_sales_orders > 0) {
-          extra.push(
-            <Text key='so-allocations'>
-              {`${t`Sales Order Allocations`}: ${record.allocated_to_sales_orders}`}
-            </Text>
-          );
-        }
-
-        if (available != stock) {
-          extra.push(
-            <Text key='available'>
-              {t`Available`}: {available}
-            </Text>
-          );
-        }
-
-        if (record.external_stock > 0) {
-          extra.push(
-            <Text key='external'>
-              {t`External stock`}: {record.external_stock}
-            </Text>
-          );
-        }
-
-        if (stock <= 0) {
-          color = 'red';
-          text = t`No stock`;
-        } else if (available <= 0) {
-          color = 'orange';
-        } else if (available < min_stock) {
-          color = 'yellow';
-        }
-
-        return (
-          <TableHoverCard
-            value={
-              <Group gap='xs' justify='left' wrap='nowrap'>
-                <Text c={color}>{text}</Text>
-                {record.units && (
-                  <Text size='xs' c={color}>
-                    [{record.units}]
-                  </Text>
-                )}
-              </Group>
-            }
-            title={t`Stock Information`}
-            extra={extra}
-          />
-        );
-      }
-    },
-    {
-      accessor: 'price_range',
-      title: t`Price Range`,
-      sortable: true,
-      ordering: 'pricing_max',
-      render: (record: any) =>
-        formatPriceRange(record.pricing_min, record.pricing_max)
-    },
-    LinkColumn({})
-  ];
-}
-
-/**
- * Construct a set of filters for the part table
- */
-function partTableFilters(): TableFilter[] {
-  return [
-    {
-      name: 'active',
-      label: t`Active`,
-      description: t`Filter by part active status`,
-      type: 'boolean'
-    },
-    {
-      name: 'locked',
-      label: t`Locked`,
-      description: t`Filter by part locked status`,
-      type: 'boolean'
-    },
-    {
-      name: 'assembly',
-      label: t`Assembly`,
-      description: t`Filter by assembly attribute`,
-      type: 'boolean'
-    },
-    {
-      name: 'cascade',
-      label: t`Include Subcategories`,
-      description: t`Include parts in subcategories`,
-      type: 'boolean'
-    },
-    {
-      name: 'component',
-      label: t`Component`,
-      description: t`Filter by component attribute`,
-      type: 'boolean'
-    },
-    {
-      name: 'testable',
-      label: t`Testable`,
-      description: t`Filter by testable attribute`,
-      type: 'boolean'
-    },
-    {
-      name: 'trackable',
-      label: t`Trackable`,
-      description: t`Filter by trackable attribute`,
-      type: 'boolean'
-    },
-    {
-      name: 'has_units',
-      label: t`Has Units`,
-      description: t`Filter by parts which have units`,
-      type: 'boolean'
-    },
-    {
-      name: 'has_ipn',
-      label: t`Has IPN`,
-      description: t`Filter by parts which have an internal part number`,
-      type: 'boolean'
-    },
-    {
-      name: 'has_stock',
-      label: t`Has Stock`,
-      description: t`Filter by parts which have stock`,
-      type: 'boolean'
-    },
-    {
-      name: 'low_stock',
-      label: t`Low Stock`,
-      description: t`Filter by parts which have low stock`,
-      type: 'boolean'
-    },
-    {
-      name: 'purchaseable',
-      label: t`Purchaseable`,
-      description: t`Filter by parts which are purchaseable`,
-      type: 'boolean'
-    },
-    {
-      name: 'salable',
-      label: t`Salable`,
-      description: t`Filter by parts which are salable`,
-      type: 'boolean'
-    },
-    {
-      name: 'virtual',
-      label: t`Virtual`,
-      description: t`Filter by parts which are virtual`,
-      type: 'choice',
-      choices: [
-        { value: 'true', label: t`Virtual` },
-        { value: 'false', label: t`Not Virtual` }
-      ]
-    },
-    {
-      name: 'is_template',
-      label: t`Is Template`,
-      description: t`Filter by parts which are templates`,
-      type: 'boolean'
-    },
-    {
-      name: 'is_variant',
-      label: t`Is Variant`,
-      description: t`Filter by parts which are variants`,
-      type: 'boolean'
-    },
-    {
-      name: 'is_revision',
-      label: t`Is Revision`,
-      description: t`Filter by parts which are revisions`
-    },
-    {
-      name: 'has_revisions',
-      label: t`Has Revisions`,
-      description: t`Filter by parts which have revisions`
-    },
-    {
-      name: 'has_pricing',
-      label: t`Has Pricing`,
-      description: t`Filter by parts which have pricing information`,
-      type: 'boolean'
-    },
-    {
-      name: 'unallocated_stock',
-      label: t`Available Stock`,
-      description: t`Filter by parts which have available stock`,
-      type: 'boolean'
-    },
-    {
-      name: 'starred',
-      label: t`Subscribed`,
-      description: t`Filter by parts to which the user is subscribed`,
-      type: 'boolean'
-    },
-    {
-      name: 'stocktake',
-      label: t`Has Stocktake`,
-      description: t`Filter by parts which have stocktake information`,
-      type: 'boolean'
-    }
-  ];
-}
-
-/**
- * PartListTable - Displays a list of parts, based on the provided parameters
- * @param {Object} params - The query parameters to pass to the API
- * @returns
- */
-export function PartListTable({
-  props,
-  defaultPartData
-}: Readonly<{
-  props: InvenTreeTableProps;
-  defaultPartData?: any;
-}>) {
-  const tableColumns = useMemo(() => partTableColumns(), []);
-  const tableFilters = useMemo(() => partTableFilters(), []);
-
-  const table = useTable('part-list');
-  const user = useUserState();
-
-  const initialPartData = useMemo(() => {
-    return defaultPartData ?? props.params ?? {};
-  }, [defaultPartData, props.params]);
-
-  const newPart = useCreateApiFormModal({
-    url: ApiEndpoints.part_list,
-    title: t`Add Part`,
-    fields: usePartFields({ create: true }),
-    initialData: initialPartData,
-    follow: true,
-    modelType: ModelType.part
-  });
-
-  const setCategory = useBulkEditApiFormModal({
-    url: ApiEndpoints.part_list,
-    items: table.selectedIds,
-    title: t`Set Category`,
-    fields: {
-      category: {}
-    },
-    onFormSuccess: table.refreshTable
-  });
-
-  const orderPartsWizard = OrderPartsWizard({ parts: table.selectedRecords });
-
-  const tableActions = useMemo(() => {
-    return [
-      <ActionDropdown
-        tooltip={t`Part Actions`}
-        icon={<InvenTreeIcon icon='part' />}
-        disabled={!table.hasSelectedRecords}
-        actions={[
-          {
-            name: t`Set Category`,
-            icon: <InvenTreeIcon icon='category' />,
-            tooltip: t`Set category for selected parts`,
-            hidden: !user.hasChangeRole(UserRoles.part),
-            disabled: !table.hasSelectedRecords,
-            onClick: () => {
-              setCategory.open();
-            }
-          },
-          {
-            name: t`Order Parts`,
-            icon: <IconShoppingCart color='blue' />,
-            tooltip: t`Order selected parts`,
-            hidden: !user.hasAddRole(UserRoles.purchase_order),
-            onClick: () => {
-              orderPartsWizard.openWizard();
-            }
-          }
-        ]}
-      />,
-      <AddItemButton
-        key='add-part'
-        hidden={!user.hasAddRole(UserRoles.part)}
-        tooltip={t`Add Part`}
-        onClick={() => newPart.open()}
-      />
-    ];
-  }, [user, table.hasSelectedRecords]);
-
-  return (
-    <>
-      {newPart.modal}
-      {setCategory.modal}
-      {orderPartsWizard.wizard}
-      <InvenTreeTable
-        url={apiUrl(ApiEndpoints.part_list)}
-        tableState={table}
-        columns={tableColumns}
-        props={{
-          ...props,
-          enableDownload: true,
-          modelType: ModelType.part,
-          tableFilters: tableFilters,
-          tableActions: tableActions,
-          enableSelection: true,
-          enableReports: true,
-          enableLabels: true,
-          params: {
-            ...props.params,
-            category_detail: true,
-            location_detail: true
-          }
-        }}
-      />
-    </>
-  );
-}