feat: bulk upload csv

https://bigc-b2b.atlassian.net/browse/BUN-650
bigcommerce · Mar 10, 2023 · 3f36e10 · 3f36e10
1 parent 4399aec
commit 3f36e10
Show file tree

Hide file tree

Showing 10 changed files with 967 additions and 26 deletions.
diff --git a/apps/storefront/src/components/table/B3PaginationTable.tsx b/apps/storefront/src/components/table/B3PaginationTable.tsx
@@ -45,7 +45,7 @@ interface B3PaginationTableProps<T> {
   noDataText?: string,
   tableKey?: string,
   getRequestList: any,
-  searchParams: T,
+  searchParams?: T,
   requestLoading?: (bool: boolean) => void,
   showCheckbox?: boolean,
   selectedSymbol?: string,
@@ -55,6 +55,7 @@ interface B3PaginationTableProps<T> {
   labelRowsPerPage?: string,
   itemIsMobileSpacing?: number,
   disableCheckbox?: boolean,
+  showRowsPerPageOptions?: boolean,
 }
 
 const PaginationTable:<T>(props: B3PaginationTableProps<T>) => ReactElement = ({
@@ -83,6 +84,8 @@ const PaginationTable:<T>(props: B3PaginationTableProps<T>) => ReactElement = ({
   labelRowsPerPage = '',
   itemIsMobileSpacing = 2,
   disableCheckbox = false,
+  showPagination = true,
+  showRowsPerPageOptions = true,
 }, ref?: Ref<unknown>) => {
   const initPagination = {
     offset: 0,
@@ -221,6 +224,8 @@ const PaginationTable:<T>(props: B3PaginationTableProps<T>) => ReactElement = ({
       handleSelectOneItem={handleSelectOneItem}
       showBorder={showBorder}
       labelRowsPerPage={labelRowsPerPage}
+      showPagination={showPagination}
+      showRowsPerPageOptions={showRowsPerPageOptions}
     />
   )
 }

diff --git a/apps/storefront/src/components/table/B3Table.tsx b/apps/storefront/src/components/table/B3Table.tsx
@@ -67,6 +67,7 @@ interface TableProps<T> {
   selectCheckbox?: Array<number | string>,
   labelRowsPerPage?: string,
   disableCheckbox?: boolean,
+  showRowsPerPageOptions?: boolean,
 }
 
 export const B3Table:<T>(props: TableProps<T>) => ReactElement = ({
@@ -101,6 +102,7 @@ export const B3Table:<T>(props: TableProps<T>) => ReactElement = ({
   selectCheckbox = [],
   labelRowsPerPage = '',
   disableCheckbox = false,
+  showRowsPerPageOptions = true,
 }) => {
   const {
     offset,
@@ -187,7 +189,7 @@ export const B3Table:<T>(props: TableProps<T>) => ReactElement = ({
             {
               showPagination && (
                 <TablePagination
-                  rowsPerPageOptions={rowsPerPageOptions}
+                  rowsPerPageOptions={showRowsPerPageOptions ? rowsPerPageOptions : []}
                   labelRowsPerPage={labelRowsPerPage || 'per page:'}
                   component="div"
                   count={count}
@@ -228,7 +230,7 @@ export const B3Table:<T>(props: TableProps<T>) => ReactElement = ({
             {
               showPagination && (
                 <TablePagination
-                  rowsPerPageOptions={rowsPerPageOptions}
+                  rowsPerPageOptions={showRowsPerPageOptions ? rowsPerPageOptions : []}
                   labelRowsPerPage={labelRowsPerPage || 'Cards per page:'}
                   component="div"
                   count={count}
@@ -336,7 +338,7 @@ export const B3Table:<T>(props: TableProps<T>) => ReactElement = ({
           {
             showPagination && (
               <TablePagination
-                rowsPerPageOptions={rowsPerPageOptions}
+                rowsPerPageOptions={showRowsPerPageOptions ? rowsPerPageOptions : []}
                 labelRowsPerPage={labelRowsPerPage || 'Rows per page:'}
                 component="div"
                 count={count}