Merged in feature/IO-1828-Front-End-Package-Updates (pull request #1146)

Feature/IO-1828 Front End Package Updates

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

@@ -16,6 +16,7 @@ const BillLineSearchSelect = (
       ref={ref}
       showSearch
       popupMatchSelectWidth={false}
+      optionLabelProp={"name"}
       //  optionFilterProp="line_desc"
       filterOption={(inputValue, option) => {
         return (
@@ -57,6 +58,9 @@ const BillLineSearchSelect = (
               style={{
                 ...(item.removed ? { textDecoration: "line-through" } : {}),
               }}
+              name={`${item.removed ? `(REMOVED) ` : ""}${item.line_desc}${
+                  item.oem_partno ? ` - ${item.oem_partno}` : ""
+              }${item.alt_partno ? ` (${item.alt_partno})` : ""}`.trim()}
             >
               <span>
                 {`${item.removed ? `(REMOVED) ` : ""}${item.line_desc}${

client/src/components/courtesy-cars-list/courtesy-cars-list.component.jsx

@@ -76,7 +76,7 @@ export default function CourtesyCarsList({ loading, courtesycars, refetch }) {
         const mileageOver = nextservicekm ? nextservicekm <= mileage : false;
 
         const dueForService =
-          nextservicedate && dayjs(nextservicedate).end('day').isSameOrBefore(dayjs());
+          nextservicedate && dayjs(nextservicedate).endOf('day').isSameOrBefore(dayjs());
 
         return (
           <Space>

client/src/components/jobs-detail-header/jobs-detail-header.component.jsx

@@ -222,7 +222,7 @@ export function JobsDetailHeader({ job, bodyshop, disabled }) {
                 {`${job.v_vin || t("general.labels.na")}`}
               </VehicleVinDisplay>
               {bodyshop.pbs_serialnumber || bodyshop.cdk_dealerid ? (
-                job.v_vin.length !== 17 ? (
+                job.v_vin?.length !== 17 ? (
                   <WarningFilled style={{ color: "tomato", marginLeft: ".3rem" }} />
                 ) : null
               ) : null}

client/src/components/production-board-kanban/production-board-kanban.utils.js

@@ -1,10 +1,10 @@
-import _ from "lodash/";
+import {groupBy} from "lodash";
 
 const sortByParentId = (arr) => {
     // return arr.reduce((accumulator, currentValue) => {
     //   //Find the parent item.
     //   let item = accumulator.find((x) => x.id === currentValue.kanbanparent);
-  //   //Get index of praent item
+    //   //Get index of parent item
     //   let index = accumulator.indexOf(item);
 
     //   index = index !== -1 ? index + 1 : 0;
@@ -12,9 +12,9 @@ const sortByParentId = (arr) => {
     //   return accumulator;
     // }, []);
 
-  var parentId = "-1";
-  var sortedList = [];
-  var byParentsIdsList = _.groupBy(arr, "kanbanparent"); // Create a new array with objects indexed by parentId
+    let parentId = "-1";
+    const sortedList = [];
+    const byParentsIdsList = groupBy(arr, "kanbanparent"); // Create a new array with objects indexed by parentId
     //console.log("sortByParentId -> byParentsIdsList", byParentsIdsList);
 
     while (byParentsIdsList[parentId]) {
@@ -41,7 +41,6 @@ const sortByParentId = (arr) => {
 
 export const createBoardData = (AllStatuses, Jobs, filter) => {
     const {search, employeeId} = filter;
-  console.log("==========GENERATING BOARD DATA=============");
     const boardLanes = {
         columns: AllStatuses.map((s) => {
             return {
@@ -73,12 +72,13 @@ export const createBoardData = (AllStatuses, Jobs, filter) => {
                 return include;
             });
 
-  const DataGroupedByStatus = _.groupBy(filteredJobs, (d) => d.status);
+    const DataGroupedByStatus = groupBy(filteredJobs, (d) => d.status);
 
     Object.keys(DataGroupedByStatus).map((statusGroupKey) => {
         try {
-      boardLanes.columns.find((l) => l.id === statusGroupKey).cards =
-        sortByParentId(DataGroupedByStatus[statusGroupKey]);
+            const needle = boardLanes.columns.find((l) => l.id === statusGroupKey);
+            if (!needle?.cards) return null;
+            needle.cards = sortByParentId(DataGroupedByStatus[statusGroupKey]);
         } catch (error) {
             console.log("Error while creating board card", error);
         }

client/src/components/vendor-search-select/vendor-search-select.component.jsx

@@ -2,6 +2,7 @@ import { HeartOutlined } from "@ant-design/icons";
 import {Select, Space, Tag} from "antd";
 import React, {forwardRef, useEffect, useState} from "react";
 import PhoneNumberFormatter from "../../utils/PhoneFormatter";
+
 const {Option} = Select;
 
 //To be used as a form element only.
@@ -41,6 +42,7 @@ const VendorSearchSelect = (
             optionFilterProp="name"
             onSelect={onSelect}
             disabled={disabled || false}
+            optionLabelProp={"name"}
         >
             {favorites
                 ? favorites.map((o) => (
@@ -81,6 +83,7 @@ const VendorSearchSelect = (
                             </Space>
                         </div>
                     </Option>
+
                 ))
                 : null}
         </Select>

client/src/pages/courtesy-car-detail/courtesy-car-detail.page.container.jsx

@@ -1,6 +1,6 @@
 import { useMutation, useQuery } from "@apollo/client";
 import { Form, notification } from "antd";
-import dayjs from "dayjs";
+import dayjs from "../../utils/day";
 import React, { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";