fix: BIG-148 items entries ordered by index.

src/containers/Entries/ItemsEntriesTable.js

@@ -8,13 +8,14 @@ import { useEditableItemsEntriesColumns } from './components';
 import {
   saveInvoke,
   compose,
-  updateTableCell,
   updateMinEntriesLines,
-  updateAutoAddNewLine,
   updateRemoveLineByIndex,
 } from 'utils';
-import { updateItemsEntriesTotal, useFetchItemRow } from './utils';
-import { updateTableRow } from '../../utils';
+import {
+  useFetchItemRow,
+  composeRowsOnNewRow,
+  composeRowsOnEditCell,
+} from './utils';
 
 /**
  * Items entries table.
@@ -50,10 +51,7 @@ function ItemsEntriesTable({
     itemType,
     notifyNewRow: (newRow, rowIndex) => {
       // Update the rate, description and quantity data of the row.
-      const newRows = compose(
-        updateItemsEntriesTotal,
-        updateTableRow(rowIndex, newRow),
-      )(rows);
+      const newRows = composeRowsOnNewRow(rowIndex, newRow, rows);
 
       setRows(newRows);
       onUpdateData(newRows);
@@ -66,11 +64,8 @@ function ItemsEntriesTable({
       if (columnId === 'item_id') {
         setItemRow({ rowIndex, columnId, itemId: value });
       }
-      const newRows = compose(
-        updateAutoAddNewLine(defaultEntry, ['item_id']),
-        updateItemsEntriesTotal,
-        updateTableCell(rowIndex, columnId, value),
-      )(rows);
+      const composeEditCell = composeRowsOnEditCell(rowIndex, columnId);
+      const newRows = composeEditCell(value, defaultEntry, rows);
 
       setRows(newRows);
       onUpdateData(newRows);

src/containers/Entries/utils.js

@@ -3,7 +3,15 @@ import * as R from 'ramda';
 import { sumBy, isEmpty, last } from 'lodash';
 
 import { useItem } from 'hooks/query';
-import { toSafeNumber, saveInvoke } from 'utils';
+import {
+  toSafeNumber,
+  saveInvoke,
+  compose,
+  updateTableCell,
+  updateAutoAddNewLine,
+  orderingLinesIndexes,
+  updateTableRow,
+} from 'utils';
 
 /**
  * Retrieve item entry total from the given rate, quantity and discount.
@@ -131,3 +139,28 @@ export function useFetchItemRow({ landedCost, itemType, notifyNewRow }) {
     cellsLoading,
   };
 }
+
+/**
+ * Compose table rows when edit specific row index of table rows.
+ */
+export const composeRowsOnEditCell = R.curry(
+  (rowIndex, columnId, value, defaultEntry, rows) => {
+    return compose(
+      orderingLinesIndexes,
+      updateAutoAddNewLine(defaultEntry, ['item_id']),
+      updateItemsEntriesTotal,
+      updateTableCell(rowIndex, columnId, value),
+    )(rows);
+  },
+);
+
+/**
+ * Compose table rows when insert a new row to table rows.
+ */
+export const composeRowsOnNewRow = R.curry((rowIndex, newRow, rows) => {
+  return compose(
+    orderingLinesIndexes,
+    updateItemsEntriesTotal,
+    updateTableRow(rowIndex, newRow),
+  )(rows);
+});