IO-946 Adjust bill lines form layout.

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

@@ -1,37 +1,19 @@
-import { Select, Tag } from "antd";
-import React, { forwardRef, useEffect, useState } from "react";
+import { Select } from "antd";
+import React, { 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, disabled },
-  ref
-) => {
-  const [option, setOption] = useState(value);
+const BillLineSearchSelect = ({ options, disabled, ...restProps }, ref) => {
   const { t } = useTranslation();
 
-  useEffect(() => {
-    if (value !== option && onChange) {
-      onChange(option);
-    }
-  }, [value, option, onChange]);
-
   return (
     <Select
       disabled={disabled}
       ref={ref}
       showSearch
-      autoFocus
-      value={option}
-      style={{
-        width: "100%",
-      }}
-      onChange={setOption}
       optionFilterProp="line_desc"
-      onBlur={onBlur}
-      onSelect={onSelect}
+      {...restProps}
     >
       <Select.Option key={null} value={"noline"} cost={0} line_desc={""}>
         {t("billlines.labels.other")}
@@ -46,29 +28,9 @@ const BillLineSearchSelect = (
               line_desc={item.line_desc}
               part_qty={item.part_qty}
             >
-              <div
-                className="imex-flex-row"
-                style={{ flexWrap: "nowrap", width: "100%" }}
-              >
-                <div
-                  style={{
-                    flex: 1,
-                    whiteSpace: "nowrap",
-                    overflow: "hidden",
-                    textOverflow: "ellipsis",
-                  }}
-                >
-                  {item.line_desc}
-                </div>
-                {item.oem_partno ? (
-                  <Tag color="blue">{item.oem_partno}</Tag>
-                ) : null}
-                {item.act_price ? (
-                  <Tag color="green">
-                    <CurrencyFormatter>{item.act_price || 0}</CurrencyFormatter>
-                  </Tag>
-                ) : null}
-              </div>
+              {`${item.line_desc}${
+                item.oem_partno ? ` - ${item.oem_partno}` : ""
+              }`}
             </Option>
           ))
         : null}