re-structure to monorepo.

packages/webapp/src/containers/WarehouseTransfers/utils.tsx

@@ -0,0 +1,142 @@
+// @ts-nocheck
+import React from 'react';
+import intl from 'react-intl-universal';
+import { find, get } from 'lodash';
+import { Button, Menu, MenuItem } from '@blueprintjs/core';
+import { Popover2 } from '@blueprintjs/popover2';
+
+import { Align, CellType } from '@/constants';
+import {
+  MoneyFieldCell,
+  Icon,
+  ItemsListCell,
+  InputGroupCell,
+} from '@/components';
+
+/**
+ * Actions cell renderer component.
+ */
+export function ActionsCellRenderer({
+  row: { index },
+  payload: { removeRow },
+}) {
+  const onRemoveRole = () => {
+    removeRow(index);
+  };
+
+  const exampleMenu = (
+    <Menu>
+      <MenuItem
+        onClick={onRemoveRole}
+        text={intl.get('warehouse_transfer.entries.remove_row')}
+      />
+    </Menu>
+  );
+
+  return (
+    <Popover2 content={exampleMenu} placement="left-start">
+      <Button
+        icon={<Icon icon={'more-13'} iconSize={13} />}
+        iconSize={14}
+        className="m12"
+        minimal={true}
+      />
+    </Popover2>
+  );
+}
+ActionsCellRenderer.cellType = CellType.Button;
+
+function SourceWarehouseAccessorCell({ row: { original }, payload }) {
+  // Ignore display zero if the item not selected yet.
+  if (!original.item_id) return '';
+
+  const warehouse = find(
+    original.warehouses,
+    (w) => w.warehouseId === payload.sourceWarehouseId,
+  );
+  return get(warehouse, 'quantityOnHandFormatted', '0');
+}
+
+function DistentionWarehouseAccessorCell({ row: { original }, payload }) {
+  // Ignore display zero if the item not selected yet.
+  if (!original.item_id) return '';
+
+  const warehouse = find(
+    original.warehouses,
+    (w) => w.warehouseId === payload.destinationWarehouseId,
+  );
+  return get(warehouse, 'quantityOnHandFormatted', '0');
+}
+
+/**
+ * Retrieves warehouse transfer table columns.
+ * @returns
+ */
+export const useWarehouseTransferTableColumns = () => {
+  return React.useMemo(
+    () => [
+      {
+        id: 'item_id',
+        Header: intl.get('warehouse_transfer.column.item_name'),
+        accessor: 'item_id',
+        Cell: ItemsListCell,
+        disableSortBy: true,
+        width: 130,
+        className: 'item',
+        fieldProps: { allowCreate: true },
+      },
+      {
+        Header: intl.get('description'),
+        accessor: 'description',
+        Cell: InputGroupCell,
+        disableSortBy: true,
+        className: 'description',
+        width: 120,
+      },
+      {
+        id: 'source_warehouse',
+        Header: intl.get('warehouse_transfer.column.source_warehouse'),
+        accessor: 'source_warehouse',
+        disableSortBy: true,
+        Cell: SourceWarehouseAccessorCell,
+        align: Align.Right,
+        width: 100,
+      },
+      {
+        id: 'destination_warehouse',
+        Header: intl.get('warehouse_transfer.column.destination_warehouse'),
+        accessor: 'destination_warehouse',
+        Cell: DistentionWarehouseAccessorCell,
+        disableSortBy: true,
+        align: Align.Right,
+        width: 100,
+      },
+      {
+        Header: intl.get('warehouse_transfer.column.transfer_quantity'),
+        accessor: 'quantity',
+        Cell: MoneyFieldCell,
+        disableSortBy: true,
+        align: Align.Right,
+        width: 100,
+      },
+      {
+        Header: intl.get('warehouse_transfer.column.cost_price'),
+        accessor: 'cost',
+        Cell: MoneyFieldCell,
+        disableSortBy: true,
+        align: Align.Right,
+        width: 80,
+      },
+      {
+        Header: '',
+        accessor: 'action',
+        Cell: ActionsCellRenderer,
+        disableSortBy: true,
+        disableResizing: true,
+        width: 45,
+        align: Align.Center,
+      },
+    ],
+    [],
+  );
+};