Hotfix LO groupBy (#2517)

* remove Map.groupBy by self-implement func

* re-add object type

---------

Co-authored-by: Tien Nguyen <tiennguyen@Nguyens-MacBook-Pro-4.local>

src/components/swapv2/LimitOrder/OrderBook/index.tsx

@@ -20,6 +20,7 @@ import { formatDisplayNumber } from 'utils/numbers'
 
 import RefreshLoading from '../ListLimitOrder/RefreshLoading'
 import { NoResultWrapper } from '../ListOrder'
+import { groupToMap } from '../helpers'
 import { LimitOrderFromTokenPair, LimitOrderFromTokenPairFormatted } from '../type'
 import OrderItem from './OrderItem'
 import TableHeader from './TableHeader'
@@ -130,7 +131,7 @@ const formatOrders = (
 
   // Merge orders with the same rate
   const mergedOrders: LimitOrderFromTokenPairFormatted[] = []
-  const groupOrders = Map.groupBy(ordersFormatted, ({ rate }: LimitOrderFromTokenPairFormatted) => rate)
+  const groupOrders = groupToMap(ordersFormatted, ({ rate }: LimitOrderFromTokenPairFormatted) => rate)
 
   groupOrders.forEach((group: LimitOrderFromTokenPairFormatted[]) => {
     const mergedOrder = group?.reduce(

src/components/swapv2/LimitOrder/helpers.ts

@@ -166,3 +166,13 @@ export const getPayloadTracking = (order: LimitOrder, networkName: string, paylo
     order_id: id,
   }
 }
+
+export const groupToMap = <K, T>(items: Iterable<T>, keySelector: (item: T, index?: number) => K): Map<K, T[]> => {
+  return [...items].reduce((accumulator: Map<K, T[]>, currentValue: T) => {
+    const newValue = accumulator.get(keySelector(currentValue)) || []
+    newValue.push(currentValue)
+    accumulator.set(keySelector(currentValue), newValue)
+
+    return accumulator
+  }, new Map())
+}

src/types/object.d.ts

@@ -4,23 +4,4 @@ interface ObjectConstructor {
    * @param o Object that contains the properties and methods. This can be an object that you created or an existing Document Object Model (DOM) object.
    */
   keys<T extends string>(o: { [keys in T]: unknown }): T[]
-
-  /**
-   * Groups members of an iterable according to the return value of the passed callback.
-   * @param items An iterable.
-   * @param keySelector A callback which will be invoked for each item in items.
-   */
-  groupBy<K extends PropertyKey, T>(
-    items: Iterable<T>,
-    keySelector: (item: T, index: number) => K,
-  ): Partial<Record<K, T[]>>
-}
-
-interface MapConstructor {
-  /**
-   * Groups members of an iterable according to the return value of the passed callback.
-   * @param items An iterable.
-   * @param keySelector A callback which will be invoked for each item in items.
-   */
-  groupBy<K, T>(items: Iterable<T>, keySelector: (item: T, index: number) => K): Map<K, T[]>
 }