@bjsdistribution/dms-client-return 0.0.1

package/src/components/order-daily-overview/table/ReturnTable.tsx

@@ -0,0 +1,218 @@
+import React from 'react';
+// import { ApiResponse, Column } from './types';
+// import MyTable from '../../common/table/Mytable';
+// import { useApiHook } from '@bjsdistribution/dms-component-library';
+// import { useReadyForInvoiceOverview, useReadyForInvoiceView } from './store';
+// import MultiRFI from './ReadyforInvoicemulti';
+// import { useAtom } from 'jotai';
+import { Column } from '../../types';
+import MyTable from './table-data/MyTable';
+import { data } from './table-data/Fakedata';
+// import useInfiniteScroll from './InfiniteScrolling';
+// import { overviewFiltersReducerAtom } from '../header-for-invoice/invoice-selection/FilterStore';
+// import {
+//   usePrevSelectedClients,
+//   useSelectedClients,
+// } from '../header-for-invoice/store';
+// import ClientView from './client-view';
+
+const ReturnTable: React.FC = () => {
+  //   const [, setClient] = useSelectedClients();
+  //   const [
+  //     readyForInvoiceView,
+  //     setReadyForInvoiceView,
+  //   ] = useReadyForInvoiceView();
+  //   const [filterState, dispatchOverviewFilter] = useAtom(
+  //     overviewFiltersReducerAtom
+  //   );
+  //   const [, setPrevSelectedClients] = usePrevSelectedClients();
+  // const [, dispatchFilters] = useAtom(overviewFiltersReducerAtom);
+
+  //   const getId = (data: any) => {
+  //     setClient([data]);
+  //     setPrevSelectedClients([data]); // to disable apply button if client is clickec from table
+  //     setReadyForInvoiceView('client');
+  //     dispatchOverviewFilter({
+  //       type: 'SET_CUSTOMER_FILTER',
+  //       payload: [data.value],
+  //     });
+  //   };
+
+  const columns: Column[] = [
+    {
+      Header: 'Trading Name',
+      accessor: 'name',
+      sortable: true,
+      showIcon: true,
+    },
+    {
+      Header: 'Client',
+      accessor: 'customer_name',
+      //   callback: getId,
+      sortable: true,
+      showIcon: false,
+    },
+    {
+      Header: 'Orders',
+      accessor: 'total_amount',
+      sortable: true,
+      showIcon: true,
+    },
+    {
+      Header: 'Products',
+      accessor: 'total_orders',
+      sortable: true,
+      showIcon: false,
+    },
+    {
+      Header: 'RTS',
+      accessor: 'total_amount',
+      sortable: true,
+      showIcon: true,
+    },
+    {
+      Header: 'Pending',
+      accessor: 'total_amount',
+      sortable: true,
+      showIcon: true,
+    },
+    {
+      Header: 'Dispose',
+      accessor: 'total_orders',
+      sortable: true,
+      showIcon: false,
+    },
+    {
+      Header: 'Re-allocate',
+      accessor: 'total_amount',
+      sortable: true,
+      showIcon: true,
+    },
+    {
+      Header: 'Re-Del',
+      accessor: 'total_amount',
+      sortable: true,
+      showIcon: true,
+    },
+    {
+      Header: 'Recycle',
+      accessor: 'total_orders',
+      sortable: true,
+      showIcon: false,
+    },
+    {
+      Header: 'unknown',
+      accessor: 'total_amount',
+      sortable: true,
+      showIcon: true,
+    },
+    // {
+    //   Header: 'Amount',
+    //   accessor: 'total_amount',
+    //   sortable: true,
+    //   showIcon: true,
+    // },
+    // { Header: 'VAT', accessor: 'vat_rate', sortable: true, showIcon: true },
+    // { Header: 'Total', accessor: 'total', sortable: true, showIcon: false },
+  ];
+
+  // const [invoiceData, setInvoiceData] = useInvoiceData();
+  //   const [
+  //     readyForInvoiceOverview,
+  //     setReadyForInvoiceOverview,
+  //   ] = useReadyForInvoiceOverview();
+  // const [filterApplied] = usefilterApplied();
+
+  //   const { 'x-filters': filters, 'x-pagination': pagination } = filterState;
+  //   const {
+  //     data: fetchedOverviewData,
+  //     setShouldPerformAction, // need for  infinite
+  //     paginationData, // need for  infinite
+  //     loadingskeleton, // need for  infinite
+  //   } = useApiHook<ApiResponse>({
+  //     endpoint: `/invoices/ready_for_invoice/overview/`,
+  //     method: 'GET',
+  //     filters: filters,
+  //     pagination: pagination,
+  //     performAction: true,
+  //   });
+  //   //  infinite scrolling code start here
+  //   const { page, scrollActivated } = useInfiniteScroll(
+  //     paginationData,
+  //     setShouldPerformAction,
+  //     'tableScrolling'
+  //   );
+  //   useEffect(() => {
+  //     dispatchOverviewFilter({ type: 'SET_PAGE', payload: page });
+  //   }, [page]);
+
+  //   useEffect(() => {
+  //     if (fetchedOverviewData && fetchedOverviewData?.data) {
+  //       const invoiceData = fetchedOverviewData?.data;
+
+  //       if (scrollActivated) {
+  //         setReadyForInvoiceOverview((prev: any) => {
+  //           const newData = invoiceData?.filter(
+  //             (newItem: any) =>
+  //               !prev?.some((prevItem: any) => prevItem?.id === newItem?.id)
+  //           );
+  //           return [...prev, ...newData];
+  //         });
+  //       } else {
+  //         setReadyForInvoiceOverview(invoiceData);
+  //       }
+  //     }
+  //   }, [fetchedOverviewData, scrollActivated]);
+
+  //   const renderContent = () => {
+
+  //     <MyTable
+  //     columns={columns}
+  //     data={data}
+  //     loading={false}
+  //     // loadingskeleton={loadingskeleton}
+  //     view="rfi"
+  //   />
+
+  // switch (readyForInvoiceView) {
+  //   case 'client':
+  //     return (
+  //       <div
+  //         style={{
+  //           display: 'flex',
+  //           flexDirection: 'column',
+  //           gap: '10px',
+  //           marginTop: '10px',
+  //         }}
+  //       >
+  //         {/* <ClientView /> */}
+  //       </div>
+  //     );
+  //   default:
+  //     return (
+  //       <MyTable
+  //         columns={columns}
+  //         data={data}
+  //         loading={false}
+  //         // loadingskeleton={loadingskeleton}
+  //         view="rfi"
+  //       />
+  //     );
+  // }
+  //   };
+
+  return (
+    <div style={{ textTransform: 'capitalize', overflow: 'auto' }}>
+      {/* {renderContent} */}
+      <MyTable
+        columns={columns}
+        data={data}
+        loading={false}
+        // loadingskeleton={loadingskeleton}
+        view="rfi"
+      />
+    </div>
+  );
+};
+
+export default ReturnTable;

package/src/components/order-daily-overview/table/table-data/Fakedata.tsx

@@ -0,0 +1,432 @@
+export const data = [
+  {
+    date: '2024-05-28T10:00:00',
+    customer_id: 1,
+    customer_name: '[TEST] HSL',
+    account_number: 'THSL001',
+    debrief_ids: [1, 14],
+    debrief_status: 2,
+    has_sub_account: false,
+    sub_accounts: [],
+    total_orders: 2,
+    total_items: 16,
+    total_amount: 402.6,
+    vat_rate: 20.0,
+    vat_rate_amount: 80.52,
+    notes: 'API Request',
+    fuel_surcharge: 2.0,
+    fuel_surcharge_amount: 8.05,
+    discount: null,
+    discount_amount: 0.0,
+    name: 'Ace Casual Limited',
+    grand_total: {
+      customer_id: 1,
+      customer_name: '[TEST] HSL',
+      account_number: 'THSL001',
+      total_amount: 402.6,
+      discount: null,
+      discount_amount: 0.0,
+      fuel_surcharge: 2.0,
+      fuel_surcharge_amount: 8.05,
+      vat_rate: 20.0,
+      vat_rate_amount: 80.52,
+      notes: 'API Request',
+      total_orders: 2,
+      total_items: 16,
+      total_products: 4,
+      grand_total: 491.17,
+    },
+  },
+  {
+    date: '2024-05-28T10:00:00',
+    customer_id: 2,
+    customer_name: '[TEST] Hyder Int (DD)',
+    account_number: null,
+    debrief_ids: [13],
+    debrief_status: 2,
+    has_sub_account: false,
+    sub_accounts: [],
+    total_orders: 1,
+    total_items: 1,
+    total_amount: 112.6,
+    vat_rate: 0.0,
+    vat_rate_amount: 0.0,
+    notes: 'API Request',
+    fuel_surcharge: 0.0,
+    fuel_surcharge_amount: 0.0,
+    discount: 0.0,
+    name: 'Appliance House Ltd',
+
+    discount_amount: 0.0,
+    grand_total: {
+      customer_id: 2,
+      customer_name: '[TEST] Hyder Int (DD)',
+      account_number: null,
+      total_amount: 112.6,
+      discount: 0.0,
+      discount_amount: 0.0,
+      fuel_surcharge: 0.0,
+      fuel_surcharge_amount: 0.0,
+      vat_rate: 0.0,
+      vat_rate_amount: 0.0,
+      notes: 'API Request',
+      total_orders: 1,
+      total_items: 1,
+      total_products: 2,
+      grand_total: 112.6,
+    },
+  },
+  {
+    date: '2024-05-28T10:00:00',
+    customer_id: 3,
+    customer_name: '[TEST] Paul Davis Freight',
+    account_number: 'TPDF001',
+    debrief_ids: [2, 4, 15, 68, 64, 36, 80, 84],
+    debrief_status: 2,
+    has_sub_account: true,
+    sub_accounts: [
+      {
+        customer_id: 4,
+        customer_name: '[TEST] Designer Sofas',
+        account_number: 'TDS/010',
+        parent_id: 3,
+        discount: null,
+        discount_amount: 0.0,
+        fuel_surcharge: 3.0,
+        fuel_surcharge_amount: 0.0,
+        vat_rate: 15.0,
+        vat_rate_amount: 0.0,
+        notes: 'API Request',
+        total_amount: 137.6,
+        total_orders: 2,
+        total_products: 2,
+        total_items: 2,
+      },
+      {
+        customer_id: 238,
+        customer_name: '[TEST] RicherSounds 1-Man',
+        account_number: 'TRSA001',
+        parent_id: 3,
+        discount: null,
+        discount_amount: 0.0,
+        fuel_surcharge: 3.0,
+        fuel_surcharge_amount: 0.0,
+        vat_rate: 15.0,
+        vat_rate_amount: 0.0,
+        notes: 'API Request',
+        total_amount: 0.0,
+        total_orders: 0,
+        total_products: 0,
+        total_items: 0,
+      },
+      {
+        customer_id: 419,
+        customer_name: '[TEST] Wayfair Anton Rohr',
+        account_number: null,
+        parent_id: 3,
+        discount: null,
+        discount_amount: 0.0,
+        fuel_surcharge: 3.0,
+        fuel_surcharge_amount: 0.0,
+        vat_rate: 15.0,
+        vat_rate_amount: 0.0,
+        notes: 'API Request',
+        total_amount: 0.0,
+        total_orders: 0,
+        total_products: 0,
+        total_items: 0,
+      },
+    ],
+    total_orders: 6,
+    total_items: 4,
+    total_amount: 582.94,
+    vat_rate: 15.0,
+    vat_rate_amount: 87.44,
+    notes: 'API Request',
+    fuel_surcharge: 3.0,
+    fuel_surcharge_amount: 17.49,
+    discount: null,
+    discount_amount: 0.0,
+    name: 'Ace Casual Limited',
+    grand_total: {
+      customer_id: 3,
+      customer_name: '[TEST] Paul Davis Freight',
+      account_number: 'TPDF001',
+      total_amount: 720.54,
+      discount: null,
+      discount_amount: 0.0,
+      fuel_surcharge: 3.0,
+      fuel_surcharge_amount: 21.62,
+      vat_rate: 15.0,
+      vat_rate_amount: 108.08,
+      notes: 'API Request',
+      total_orders: 8,
+      total_items: 6,
+      total_products: 10,
+      grand_total: 850.24,
+    },
+  },
+  {
+    date: '2024-05-28T10:00:00',
+    customer_id: 6,
+    customer_name: '[TEST] PINE SOLUTIONS',
+    account_number: 'TPIN006',
+    debrief_ids: [5, 6, 12],
+    debrief_status: 2,
+    has_sub_account: true,
+    total_orders: 2,
+    total_items: 4,
+    total_amount: 223.5,
+    vat_rate: 0.0,
+    vat_rate_amount: 0.0,
+    notes: 'API Request',
+    fuel_surcharge: 0.0,
+    fuel_surcharge_amount: 0.0,
+    discount: 0.0,
+    discount_amount: 0.0,
+    name: 'Ecolution international Group Ltd TA Esebike UK',
+    grand_total: {
+      customer_id: 6,
+      customer_name: '[TEST] PINE SOLUTIONS',
+      account_number: 'TPIN006',
+      total_amount: 336.1,
+      discount: 0.0,
+      discount_amount: 0.0,
+      fuel_surcharge: 0.0,
+      fuel_surcharge_amount: 0.0,
+      vat_rate: 0.0,
+      vat_rate_amount: 0.0,
+      notes: 'API Request',
+      total_orders: 3,
+      total_items: 5,
+      total_products: 6,
+      grand_total: 336.1,
+    },
+  },
+  {
+    date: '2024-05-28T10:00:00',
+    customer_id: 6,
+    customer_name: '[TEST] PINE SOLUTIONS',
+    account_number: 'TPIN006',
+    debrief_ids: [5, 6, 12],
+    debrief_status: 2,
+    has_sub_account: true,
+    total_orders: 2,
+    total_items: 4,
+    total_amount: 223.5,
+    vat_rate: 0.0,
+    vat_rate_amount: 0.0,
+    notes: 'API Request',
+    fuel_surcharge: 0.0,
+    fuel_surcharge_amount: 0.0,
+    discount: 0.0,
+    discount_amount: 0.0,
+    name: 'Ecolution international Group Ltd TA Esebike UK',
+    grand_total: {
+      customer_id: 6,
+      customer_name: '[TEST] PINE SOLUTIONS',
+      account_number: 'TPIN006',
+      total_amount: 336.1,
+      discount: 0.0,
+      discount_amount: 0.0,
+      fuel_surcharge: 0.0,
+      fuel_surcharge_amount: 0.0,
+      vat_rate: 0.0,
+      vat_rate_amount: 0.0,
+      notes: 'API Request',
+      total_orders: 3,
+      total_items: 5,
+      total_products: 6,
+      grand_total: 336.1,
+    },
+  },
+  {
+    date: '2024-05-28T10:00:00',
+    customer_id: 6,
+    customer_name: '[TEST] PINE SOLUTIONS',
+    account_number: 'TPIN006',
+    debrief_ids: [5, 6, 12],
+    debrief_status: 2,
+    has_sub_account: true,
+    total_orders: 2,
+    total_items: 4,
+    total_amount: 223.5,
+    vat_rate: 0.0,
+    vat_rate_amount: 0.0,
+    notes: 'API Request',
+    fuel_surcharge: 0.0,
+    fuel_surcharge_amount: 0.0,
+    discount: 0.0,
+    discount_amount: 0.0,
+    name: 'Ecolution international Group Ltd TA Esebike UK',
+    grand_total: {
+      customer_id: 6,
+      customer_name: '[TEST] PINE SOLUTIONS',
+      account_number: 'TPIN006',
+      total_amount: 336.1,
+      discount: 0.0,
+      discount_amount: 0.0,
+      fuel_surcharge: 0.0,
+      fuel_surcharge_amount: 0.0,
+      vat_rate: 0.0,
+      vat_rate_amount: 0.0,
+      notes: 'API Request',
+      total_orders: 3,
+      total_items: 5,
+      total_products: 6,
+      grand_total: 336.1,
+    },
+  },
+  {
+    date: '2024-05-28T10:00:00',
+    customer_id: 1,
+    customer_name: '[TEST] HSL',
+    account_number: 'THSL001',
+    debrief_ids: [1, 14],
+    debrief_status: 2,
+    has_sub_account: false,
+    sub_accounts: [],
+    total_orders: 2,
+    total_items: 16,
+    total_amount: 402.6,
+    vat_rate: 20.0,
+    vat_rate_amount: 80.52,
+    notes: 'API Request',
+    fuel_surcharge: 2.0,
+    fuel_surcharge_amount: 8.05,
+    discount: null,
+    discount_amount: 0.0,
+    name: 'Ace Casual Limited',
+    grand_total: {
+      customer_id: 1,
+      customer_name: '[TEST] HSL',
+      account_number: 'THSL001',
+      total_amount: 402.6,
+      discount: null,
+      discount_amount: 0.0,
+      fuel_surcharge: 2.0,
+      fuel_surcharge_amount: 8.05,
+      vat_rate: 20.0,
+      vat_rate_amount: 80.52,
+      notes: 'API Request',
+      total_orders: 2,
+      total_items: 16,
+      total_products: 4,
+      grand_total: 491.17,
+    },
+  },
+  {
+    date: '2024-05-28T10:00:00',
+    customer_id: 1,
+    customer_name: '[TEST] HSL',
+    account_number: 'THSL001',
+    debrief_ids: [1, 14],
+    debrief_status: 2,
+    has_sub_account: false,
+    sub_accounts: [],
+    total_orders: 2,
+    total_items: 16,
+    total_amount: 402.6,
+    vat_rate: 20.0,
+    vat_rate_amount: 80.52,
+    notes: 'API Request',
+    fuel_surcharge: 2.0,
+    fuel_surcharge_amount: 8.05,
+    discount: null,
+    discount_amount: 0.0,
+    name: 'Ace Casual Limited',
+    grand_total: {
+      customer_id: 1,
+      customer_name: '[TEST] HSL',
+      account_number: 'THSL001',
+      total_amount: 402.6,
+      discount: null,
+      discount_amount: 0.0,
+      fuel_surcharge: 2.0,
+      fuel_surcharge_amount: 8.05,
+      vat_rate: 20.0,
+      vat_rate_amount: 80.52,
+      notes: 'API Request',
+      total_orders: 2,
+      total_items: 16,
+      total_products: 4,
+      grand_total: 491.17,
+    },
+  },
+  {
+    date: '2024-05-28T10:00:00',
+    customer_id: 1,
+    customer_name: '[TEST] HSL',
+    account_number: 'THSL001',
+    debrief_ids: [1, 14],
+    debrief_status: 2,
+    has_sub_account: false,
+    sub_accounts: [],
+    total_orders: 2,
+    total_items: 16,
+    total_amount: 402.6,
+    vat_rate: 20.0,
+    vat_rate_amount: 80.52,
+    notes: 'API Request',
+    fuel_surcharge: 2.0,
+    fuel_surcharge_amount: 8.05,
+    discount: null,
+    discount_amount: 0.0,
+    name: 'Ace Casual Limited',
+    grand_total: {
+      customer_id: 1,
+      customer_name: '[TEST] HSL',
+      account_number: 'THSL001',
+      total_amount: 402.6,
+      discount: null,
+      discount_amount: 0.0,
+      fuel_surcharge: 2.0,
+      fuel_surcharge_amount: 8.05,
+      vat_rate: 20.0,
+      vat_rate_amount: 80.52,
+      notes: 'API Request',
+      total_orders: 2,
+      total_items: 16,
+      total_products: 4,
+      grand_total: 491.17,
+    },
+  },
+  {
+    date: '2024-05-28T10:00:00',
+    customer_id: 1,
+    customer_name: '[TEST] HSL',
+    account_number: 'THSL001',
+    debrief_ids: [1, 14],
+    debrief_status: 2,
+    has_sub_account: false,
+    sub_accounts: [],
+    total_orders: 2,
+    total_items: 16,
+    total_amount: 402.6,
+    vat_rate: 20.0,
+    vat_rate_amount: 80.52,
+    notes: 'API Request',
+    fuel_surcharge: 2.0,
+    fuel_surcharge_amount: 8.05,
+    discount: null,
+    discount_amount: 0.0,
+    name: 'Ace Casual Limited',
+    grand_total: {
+      customer_id: 1,
+      customer_name: '[TEST] HSL',
+      account_number: 'THSL001',
+      total_amount: 402.6,
+      discount: null,
+      discount_amount: 0.0,
+      fuel_surcharge: 2.0,
+      fuel_surcharge_amount: 8.05,
+      vat_rate: 20.0,
+      vat_rate_amount: 80.52,
+      notes: 'API Request',
+      total_orders: 2,
+      total_items: 16,
+      total_products: 4,
+      grand_total: 491.17,
+    },
+  },
+];