feat: item-level discount

This commit is contained in:
Ahmed Bouhuolia
2024-12-11 15:05:50 +02:00
parent 5a8d9cc7e8
commit 8cd1b36a02
23 changed files with 176 additions and 7 deletions

View File

@@ -62,6 +62,9 @@ export function DataTable(props) {
initialPageIndex = 0,
initialPageSize = 20,
// Hidden columns.
initialHiddenColumns = [],
updateDebounceTime = 200,
selectionColumnWidth = 42,
@@ -115,6 +118,7 @@ export function DataTable(props) {
columnResizing: {
columnWidths: initialColumnsWidths || {},
},
hiddenColumns: initialHiddenColumns,
},
manualPagination,
pageCount: controlledPageCount,

View File

@@ -20,6 +20,10 @@ export default function BillDetailTable() {
<CommercialDocEntriesTable
columns={columns}
data={entries}
initialHiddenColumns={
// If any entry has no discount, hide the discount column.
entries?.some((e) => e.discount_formatted) ? [] : ['discount']
}
styleName={TableStyle.Constrant}
/>
);

View File

@@ -70,6 +70,18 @@ export const useBillReadonlyEntriesTableColumns = () => {
disableSortBy: true,
textOverview: true,
},
{
id: 'discount',
Header: 'Discount',
accessor: 'discount_formatted',
align: 'right',
disableSortBy: true,
textOverview: true,
width: getColumnWidth(entries, 'discount_formatted', {
minWidth: 60,
magicSpacing: 5,
}),
},
{
Header: intl.get('amount'),
accessor: 'total_formatted',

View File

@@ -22,6 +22,10 @@ export default function CreditNoteDetailTable() {
<CommercialDocEntriesTable
columns={columns}
data={entries}
initialHiddenColumns={
// If any entry has no discount, hide the discount column.
entries?.some((e) => e.discount_formatted) ? [] : ['discount']
}
className={'table-constrant'}
/>
);

View File

@@ -16,7 +16,6 @@ import {
Icon,
FormattedMessage as T,
TextOverviewTooltipCell,
FormatNumberCell,
Choose,
} from '@/components';
import { useCreditNoteDetailDrawerContext } from './CreditNoteDetailDrawerProvider';
@@ -68,6 +67,18 @@ export const useCreditNoteReadOnlyEntriesColumns = () => {
disableSortBy: true,
textOverview: true,
},
{
id: 'discount',
Header: 'Discount',
accessor: 'discount_formatted',
align: 'right',
disableSortBy: true,
textOverview: true,
width: getColumnWidth(entries, 'discount_formatted', {
minWidth: 60,
magicSpacing: 5,
}),
},
{
Header: intl.get('amount'),
accessor: 'total_formatted',

View File

@@ -23,6 +23,10 @@ export default function EstimateDetailTable() {
<CommercialDocEntriesTable
columns={columns}
data={entries}
initialHiddenColumns={
// If any entry has no discount, hide the discount column.
entries?.some((e) => e.discount_formatted) ? [] : ['discount']
}
styleName={TableStyle.Constrant}
/>
);

View File

@@ -55,6 +55,18 @@ export const useEstimateReadonlyEntriesColumns = () => {
disableSortBy: true,
textOverview: true,
},
{
id: 'discount',
Header: 'Discount',
accessor: 'discount_formatted',
align: 'right',
disableSortBy: true,
textOverview: true,
width: getColumnWidth(entries, 'discount_formatted', {
minWidth: 60,
magicSpacing: 5,
}),
},
{
Header: intl.get('amount'),
accessor: 'total_formatted',

View File

@@ -1,5 +1,6 @@
// @ts-nocheck
import React from 'react';
import * as R from 'ramda';
import { CommercialDocEntriesTable } from '@/components';
@@ -25,6 +26,10 @@ export default function InvoiceDetailTable() {
columns={columns}
data={entries}
styleName={TableStyle.Constrant}
initialHiddenColumns={
// If any entry has no discount, hide the discount column.
entries?.some((e) => e.discount_formatted) ? [] : ['discount']
}
/>
);
}

View File

@@ -73,6 +73,18 @@ export const useInvoiceReadonlyEntriesColumns = () => {
magicSpacing: 5,
}),
},
{
id: 'discount',
Header: 'Discount',
accessor: 'discount_formatted',
align: 'right',
disableSortBy: true,
textOverview: true,
width: getColumnWidth(entries, 'discount_formatted', {
minWidth: 60,
magicSpacing: 5,
}),
},
{
Header: intl.get('amount'),
accessor: 'total_formatted',

View File

@@ -24,6 +24,10 @@ export default function ReceiptDetailTable() {
<CommercialDocEntriesTable
columns={columns}
data={entries}
initialHiddenColumns={
// If any entry has no discount, hide the discount column.
entries?.some((e) => e.discount_formatted) ? [] : ['discount']
}
styleName={TableStyle.Constrant}
/>
);

View File

@@ -50,6 +50,18 @@ export const useReceiptReadonlyEntriesTableColumns = () => {
disableSortBy: true,
textOverview: true,
},
{
id: 'discount',
Header: 'Discount',
accessor: 'discount_formatted',
align: 'right',
disableSortBy: true,
textOverview: true,
width: getColumnWidth(entries, 'discount_formatted', {
minWidth: 60,
magicSpacing: 5,
}),
},
{
Header: intl.get('amount'),
accessor: 'amount',

View File

@@ -23,6 +23,10 @@ export default function VendorCreditDetailTable() {
<CommercialDocEntriesTable
columns={columns}
data={entries}
initialHiddenColumns={
// If any entry has no discount, hide the discount column.
entries?.some((e) => e.discount_formatted) ? [] : ['discount']
}
styleName={TableStyle.Constrant}
/>
);

View File

@@ -16,7 +16,6 @@ import {
Icon,
FormattedMessage as T,
TextOverviewTooltipCell,
FormatNumberCell,
Choose,
} from '@/components';
import { useVendorCreditDetailDrawerContext } from './VendorCreditDetailDrawerProvider';
@@ -69,6 +68,18 @@ export const useVendorCreditReadonlyEntriesTableColumns = () => {
disableSortBy: true,
textOverview: true,
},
{
id: 'discount',
Header: 'Discount',
accessor: 'discount_formatted',
width: getColumnWidth(entries, 'discount_formatted', {
minWidth: 60,
magicSpacing: 5,
}),
align: 'right',
disableSortBy: true,
textOverview: true,
},
{
Header: intl.get('amount'),
accessor: 'total_formatted',