feat: WIP advanced filter.

client/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptsListProvider.js

@@ -1,29 +1,30 @@
 import React, { createContext } from 'react';
 import DashboardInsider from 'components/Dashboard/DashboardInsider';
-import { useResourceViews, useReceipts } from 'hooks/query';
-import { isTableEmptyStatus } from 'utils';
+
+import { useResourceMeta, useResourceViews, useReceipts } from 'hooks/query';
+import { isTableEmptyStatus, getFieldsFromResourceMeta } from 'utils';
 
 const ReceiptsListContext = createContext();
 
 // Receipts list provider.
 function ReceiptsListProvider({ query, ...props }) {
   // Fetch receipts resource views and fields.
-  const { data: receiptsViews, isLoading: isViewsLoading } = useResourceViews(
-    'sale_receipt',
-  );
+  const { data: receiptsViews, isLoading: isViewsLoading } =
+    useResourceViews('sale_receipt');
 
   // Fetches the sale receipts resource fields.
-  // const {
-  //   data: receiptsFields,
-  //   isFetching: isFieldsLoading,
-  // } = useResourceFields('sale_receipt');
+  const {
+    data: resourceMeta,
+    isFetching: isResourceFetching,
+    isLoading: isResourceLoading,
+  } = useResourceMeta('sale_receipt');
 
   const {
     data: { receipts, pagination, filterMeta },
     isLoading: isReceiptsLoading,
     isFetching: isReceiptsFetching,
   } = useReceipts(query, { keepPreviousData: true });
-  
+
   // Detarmines the datatable empty status.
   const isEmptyStatus =
     isTableEmptyStatus({
@@ -35,20 +36,22 @@ function ReceiptsListProvider({ query, ...props }) {
   const provider = {
     receipts,
     pagination,
-    // receiptsFields,
+
     receiptsViews,
     isViewsLoading,
-    // isFieldsLoading,
+
+    resourceMeta,
+    fields: getFieldsFromResourceMeta(resourceMeta.fields),
+    isResourceFetching,
+    isResourceLoading,
+
     isReceiptsLoading,
     isReceiptsFetching,
-    isEmptyStatus
+    isEmptyStatus,
   };
 
   return (
-    <DashboardInsider
-      loading={isViewsLoading}
-      name={'sales_receipts'}
-    >
+    <DashboardInsider loading={isViewsLoading} name={'sales_receipts'}>
       <ReceiptsListContext.Provider value={provider} {...props} />
     </DashboardInsider>
   );