MAJOR CHANGE: Renamed invoices to bills BOD-410

client/src/components/bill-line-search-select/bill-line-search-select.component.jsx

@@ -0,0 +1,71 @@
+import { Select, Row, Col, Tag } from "antd";
+import React, { useEffect, useState, forwardRef } from "react";
+import { useTranslation } from "react-i18next";
+import CurrencyFormatter from "../../utils/CurrencyFormatter";
+
+//To be used as a form element only.
+const { Option } = Select;
+const BillLineSearchSelect = (
+  { value, onChange, options, onBlur, onSelect },
+  ref
+) => {
+  const [option, setOption] = useState(value);
+  const { t } = useTranslation();
+
+  useEffect(() => {
+    if (value !== option && onChange) {
+      onChange(option);
+    }
+  }, [value, option, onChange]);
+
+  return (
+    <Select
+      ref={ref}
+      showSearch
+      autoFocus
+      value={option}
+      style={{
+        width: "100%",
+      }}
+      onChange={setOption}
+      optionFilterProp="line_desc"
+      onBlur={onBlur}
+      onSelect={onSelect}
+    >
+      <Select.Option key={null} value={"noline"} cost={0} line_desc={""}>
+        {t("billlines.labels.other")}
+      </Select.Option>
+      {options
+        ? options.map((item) => (
+            <Option
+              key={item.id}
+              value={item.id}
+              cost={item.act_price ? item.act_price : 0}
+              part_type={item.part_type}
+              line_desc={item.line_desc}
+              part_qty={item.part_qty}
+            >
+              <Row justify="center" align="middle">
+                <Col span={12}>{item.line_desc}</Col>
+                <Col span={8}>
+                  {item.oem_partno ? (
+                    <Tag color="blue">{item.oem_partno}</Tag>
+                  ) : null}
+                </Col>
+                <Col span={4}>
+                  {item.act_price ? (
+                    <Tag color="green">
+                      <CurrencyFormatter>
+                        {item.act_price || 0}
+                      </CurrencyFormatter>
+                    </Tag>
+                  ) : null}
+                </Col>
+              </Row>
+            </Option>
+          ))
+        : null}
+    </Select>
+  );
+};
+export default forwardRef(BillLineSearchSelect);