admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feature/IO-3497-Ant-Design-v5-to-v6 - Update

Browse Source
This commit is contained in:
Dave
2026-01-12 13:06:10 -05:00
parent 766848989d
commit a0ae6a30a9
21 changed files with 86 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
client/src/components/allocations-assignment/allocations-assignment.component.jsx
View File

@@ -28,12 +28,13 @@ export function AllocationsAssignmentComponent({
<div> <div>
<Select <Select
id="employeeSelector" id="employeeSelector"
showSearch showSearch={{
optionFilterProp: "children",
filterOption: (input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
}}
style={{ width: 200 }} style={{ width: 200 }}
placeholder="Select a person" placeholder="Select a person"
optionFilterProp="children"
onChange={onChange} onChange={onChange}
filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}
> >
{bodyshop.employees.map((emp) => ( {bodyshop.employees.map((emp) => (
<Select.Option value={emp.id} key={emp.id}> <Select.Option value={emp.id} key={emp.id}>

7
client/src/components/allocations-bulk-assignment/allocations-bulk-assignment.component.jsx
View File

@@ -30,12 +30,13 @@ export default connect(
const popContent = ( const popContent = (
<div> <div>
<Select <Select
showSearch showSearch={{
optionFilterProp: "children",
filterOption: (input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
}}
style={{ width: 200 }} style={{ width: 200 }}
placeholder="Select a person" placeholder="Select a person"
optionFilterProp="children"
onChange={onChange} onChange={onChange}
filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}
> >
{bodyshop.employees.map((emp) => ( {bodyshop.employees.map((emp) => (
<Select.Option value={emp.id} key={emp.id}> <Select.Option value={emp.id} key={emp.id}>

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

@@ -10,18 +10,19 @@ const BillLineSearchSelect = ({ options, disabled, allowRemoved, ...restProps },
<Select <Select
disabled={disabled} disabled={disabled}
ref={ref} ref={ref}
showSearch showSearch={{
filterOption: (inputValue, option) => {
return (
(option.line_desc && option.line_desc.toLowerCase().includes(inputValue.toLowerCase())) ||
(option.oem_partno && option.oem_partno.toLowerCase().includes(inputValue.toLowerCase())) ||
(option.alt_partno && option.alt_partno.toLowerCase().includes(inputValue.toLowerCase())) ||
(option.act_price && option.act_price.toString().startsWith(inputValue.toString()))
);
}
}}
popupMatchSelectWidth={true} popupMatchSelectWidth={true}
optionLabelProp={"name"} optionLabelProp={"name"}
// optionFilterProp="line_desc" // optionFilterProp="line_desc"
filterOption={(inputValue, option) => {
return (
(option.line_desc && option.line_desc.toLowerCase().includes(inputValue.toLowerCase())) ||
(option.oem_partno && option.oem_partno.toLowerCase().includes(inputValue.toLowerCase())) ||
(option.alt_partno && option.alt_partno.toLowerCase().includes(inputValue.toLowerCase())) ||
(option.act_price && option.act_price.toString().startsWith(inputValue.toString()))
);
}}
notFoundContent={"Removed."} notFoundContent={"Removed."}
options={[ options={[
{ value: "noline", label: t("billlines.labels.other"), name: t("billlines.labels.other") }, { value: "noline", label: t("billlines.labels.other"), name: t("billlines.labels.other") },

7
client/src/components/chat-tag-ro/chat-tag-ro.component.jsx
View File

@@ -10,12 +10,13 @@ export default function ChatTagRoComponent({ roOptions, loading, handleSearch, h
<Space> <Space>
<div style={{ width: "15rem" }}> <div style={{ width: "15rem" }}>
<Select <Select
showSearch showSearch={{
filterOption: false,
onSearch: handleSearch
}}
autoFocus autoFocus
popupMatchSelectWidth popupMatchSelectWidth
placeholder={t("general.labels.search")} placeholder={t("general.labels.search")}
filterOption={false}
onSearch={handleSearch}
onSelect={handleInsertTag} onSelect={handleInsertTag}
notFoundContent={loading ? <LoadingOutlined /> : <Empty />} notFoundContent={loading ? <LoadingOutlined /> : <Empty />}
> >

5
client/src/components/employee-search-select/employee-search-select-email.component.jsx
View File

@@ -9,12 +9,13 @@ const EmployeeSearchSelectEmail = ({ options, ...props }) => {
return ( return (
<Select <Select
showSearch showSearch={{
optionFilterProp: "search"
}}
// value={option} // value={option}
style={{ style={{
width: 400 width: 400
}} }}
optionFilterProp="search"
{...props} {...props}
> >
{options {options

5
client/src/components/employee-search-select/employee-search-select.component.jsx
View File

@@ -9,12 +9,13 @@ const EmployeeSearchSelect = ({ options, showEmail, ...props }) => {
return ( return (
<Select <Select
showSearch showSearch={{
optionFilterProp: "search"
}}
// value={option} // value={option}
style={{ style={{
width: 400 width: 400
}} }}
optionFilterProp="search"
{...props} {...props}
> >
{options {options

12
client/src/components/global-search/global-search-os.component.jsx
View File

@@ -46,7 +46,7 @@ export default function GlobalSearchOs() {
value: job.ro_number || "N/A", value: job.ro_number || "N/A",
label: ( label: (
<Link to={`/manage/jobs/${job.id}`}> <Link to={`/manage/jobs/${job.id}`}>
<Space size="small" split={<Divider orientation="vertical" />}> <Space size="small" separator={<Divider orientation="vertical" />}>
<strong>{job.ro_number || t("general.labels.na")}</strong> <strong>{job.ro_number || t("general.labels.na")}</strong>
<span>{`${job.status || ""}`}</span> <span>{`${job.status || ""}`}</span>
<span> <span>
@@ -69,7 +69,7 @@ export default function GlobalSearchOs() {
value: OwnerNameDisplayFunction(owner), value: OwnerNameDisplayFunction(owner),
label: ( label: (
<Link to={`/manage/owners/${owner.id}`}> <Link to={`/manage/owners/${owner.id}`}>
<Space size="small" split={<Divider orientation="vertical" />} wrap> <Space size="small" separator={<Divider orientation="vertical" />} wrap>
<span> <span>
<OwnerNameDisplay ownerObject={owner} /> <OwnerNameDisplay ownerObject={owner} />
</span> </span>
@@ -89,7 +89,7 @@ export default function GlobalSearchOs() {
value: `${vehicle.v_model_yr || ""} ${vehicle.v_make_desc || ""} ${vehicle.v_model_desc || ""}`, value: `${vehicle.v_model_yr || ""} ${vehicle.v_make_desc || ""} ${vehicle.v_model_desc || ""}`,
label: ( label: (
<Link to={`/manage/vehicles/${vehicle.id}`}> <Link to={`/manage/vehicles/${vehicle.id}`}>
<Space size="small" split={<Divider orientation="vertical" />}> <Space size="small" separator={<Divider orientation="vertical" />}>
<span> <span>
{`${vehicle.v_model_yr || ""} ${vehicle.v_make_desc || ""} ${vehicle.v_model_desc || ""}`} {`${vehicle.v_model_yr || ""} ${vehicle.v_make_desc || ""} ${vehicle.v_model_desc || ""}`}
</span> </span>
@@ -111,7 +111,7 @@ export default function GlobalSearchOs() {
value: `${payment.job?.ro_number} ${payment.amount}`, value: `${payment.job?.ro_number} ${payment.amount}`,
label: ( label: (
<Link to={`/manage/jobs/${payment.job?.id}`}> <Link to={`/manage/jobs/${payment.job?.id}`}>
<Space size="small" split={<Divider orientation="vertical" />}> <Space size="small" separator={<Divider orientation="vertical" />}>
<span>{payment.paymentnum}</span> <span>{payment.paymentnum}</span>
<span>{payment.job?.ro_number}</span> <span>{payment.job?.ro_number}</span>
<span>{payment.memo || ""}</span> <span>{payment.memo || ""}</span>
@@ -131,7 +131,7 @@ export default function GlobalSearchOs() {
value: `${bill.invoice_number} - ${bill.vendor.name}`, value: `${bill.invoice_number} - ${bill.vendor.name}`,
label: ( label: (
<Link to={`/manage/bills?billid=${bill.id}`}> <Link to={`/manage/bills?billid=${bill.id}`}>
<Space size="small" split={<Divider orientation="vertical" />}> <Space size="small" separator={<Divider orientation="vertical" />}>
<span>{bill.invoice_number}</span> <span>{bill.invoice_number}</span>
<span>{bill.vendor.name}</span> <span>{bill.vendor.name}</span>
<span>{bill.date}</span> <span>{bill.date}</span>
@@ -151,7 +151,7 @@ export default function GlobalSearchOs() {
// }`, // }`,
// label: ( // label: (
// <Link to={`/manage/phonebook?phonebookentry=${pb.id}`}> // <Link to={`/manage/phonebook?phonebookentry=${pb.id}`}>
// <Space size="small" split={<Divider orientation="vertical" />}> // <Space size="small" separator={<Divider orientation="vertical" />}>
// <span>{`${pb.firstname || ""} ${pb.lastname || ""} ${ // <span>{`${pb.firstname || ""} ${pb.lastname || ""} ${
// pb.company || "" // pb.company || ""
// }`}</span> // }`}</span>

12
client/src/components/global-search/global-search.component.jsx
View File

@@ -37,7 +37,7 @@ export default function GlobalSearch() {
value: job.ro_number || "N/A", value: job.ro_number || "N/A",
label: ( label: (
<Link to={`/manage/jobs/${job.id}`}> <Link to={`/manage/jobs/${job.id}`}>
<Space size="small" split={<Divider orientation="vertical" />}> <Space size="small" separator={<Divider orientation="vertical" />}>
<strong>{job.ro_number || t("general.labels.na")}</strong> <strong>{job.ro_number || t("general.labels.na")}</strong>
<span>{`${job.status || ""}`}</span> <span>{`${job.status || ""}`}</span>
<span> <span>
@@ -59,7 +59,7 @@ export default function GlobalSearch() {
value: OwnerNameDisplayFunction(owner), value: OwnerNameDisplayFunction(owner),
label: ( label: (
<Link to={`/manage/owners/${owner.id}`}> <Link to={`/manage/owners/${owner.id}`}>
<Space size="small" split={<Divider orientation="vertical" />} wrap> <Space size="small" separator={<Divider orientation="vertical" />} wrap>
<span> <span>
<OwnerNameDisplay ownerObject={owner} /> <OwnerNameDisplay ownerObject={owner} />
</span> </span>
@@ -79,7 +79,7 @@ export default function GlobalSearch() {
value: `${vehicle.v_model_yr || ""} ${vehicle.v_make_desc || ""} ${vehicle.v_model_desc || ""}`, value: `${vehicle.v_model_yr || ""} ${vehicle.v_make_desc || ""} ${vehicle.v_model_desc || ""}`,
label: ( label: (
<Link to={`/manage/vehicles/${vehicle.id}`}> <Link to={`/manage/vehicles/${vehicle.id}`}>
<Space size="small" split={<Divider orientation="vertical" />}> <Space size="small" separator={<Divider orientation="vertical" />}>
<span> <span>
{`${vehicle.v_model_yr || ""} ${vehicle.v_make_desc || ""} ${vehicle.v_model_desc || ""}`} {`${vehicle.v_model_yr || ""} ${vehicle.v_make_desc || ""} ${vehicle.v_model_desc || ""}`}
</span> </span>
@@ -101,7 +101,7 @@ export default function GlobalSearch() {
value: `${payment.job.ro_number} ${payment.payer} ${payment.amount}`, value: `${payment.job.ro_number} ${payment.payer} ${payment.amount}`,
label: ( label: (
<Link to={`/manage/jobs/${payment.job.id}`}> <Link to={`/manage/jobs/${payment.job.id}`}>
<Space size="small" split={<Divider orientation="vertical" />}> <Space size="small" separator={<Divider orientation="vertical" />}>
<span>{payment.paymentnum}</span> <span>{payment.paymentnum}</span>
<span>{payment.job.ro_number}</span> <span>{payment.job.ro_number}</span>
<span>{payment.memo || ""}</span> <span>{payment.memo || ""}</span>
@@ -121,7 +121,7 @@ export default function GlobalSearch() {
value: `${bill.invoice_number} - ${bill.vendor.name}`, value: `${bill.invoice_number} - ${bill.vendor.name}`,
label: ( label: (
<Link to={`/manage/bills?billid=${bill.id}`}> <Link to={`/manage/bills?billid=${bill.id}`}>
<Space size="small" split={<Divider orientation="vertical" />}> <Space size="small" separator={<Divider orientation="vertical" />}>
<span>{bill.invoice_number}</span> <span>{bill.invoice_number}</span>
<span>{bill.vendor.name}</span> <span>{bill.vendor.name}</span>
<span>{bill.date}</span> <span>{bill.date}</span>
@@ -139,7 +139,7 @@ export default function GlobalSearch() {
value: `${pb.firstname || ""} ${pb.lastname || ""} ${pb.company || ""}`, value: `${pb.firstname || ""} ${pb.lastname || ""} ${pb.company || ""}`,
label: ( label: (
<Link to={`/manage/phonebook?phonebookentry=${pb.id}`}> <Link to={`/manage/phonebook?phonebookentry=${pb.id}`}>
<Space size="small" split={<Divider orientation="vertical" />}> <Space size="small" separator={<Divider orientation="vertical" />}>
<span>{`${pb.firstname || ""} ${pb.lastname || ""} ${pb.company || ""}`}</span> <span>{`${pb.firstname || ""} ${pb.lastname || ""} ${pb.company || ""}`}</span>
<PhoneNumberFormatter>{pb.phone1}</PhoneNumberFormatter> <PhoneNumberFormatter>{pb.phone1}</PhoneNumberFormatter>
<span>{pb.email}</span> <span>{pb.email}</span>

3
client/src/components/job-at-change/schedule-event.component.jsx
View File

@@ -66,7 +66,6 @@ export function ScheduleEventComponent({
const [form] = Form.useForm(); const [form] = Form.useForm();
const [popOverVisible, setPopOverVisible] = useState(false); const [popOverVisible, setPopOverVisible] = useState(false);
const [getJobDetails] = useLazyQuery(GET_JOB_BY_PK_QUICK_INTAKE, { const [getJobDetails] = useLazyQuery(GET_JOB_BY_PK_QUICK_INTAKE, {
variables: { id: event.job?.id },
onCompleted: (data) => { onCompleted: (data) => {
if (data?.jobs_by_pk) { if (data?.jobs_by_pk) {
const totalHours = const totalHours =
@@ -409,7 +408,7 @@ export function ScheduleEventComponent({
onClick={(e) => { onClick={(e) => {
if (event.job?.id) { if (event.job?.id) {
e.stopPropagation(); e.stopPropagation();
getJobDetails(); getJobDetails({ variables: { id: event.job.id } });
} }
}} }}
getPopupContainer={(trigger) => trigger.parentNode} getPopupContainer={(trigger) => trigger.parentNode}

8
client/src/components/job-detail-cards/job-detail-cards.parts.component.jsx
View File

@@ -18,9 +18,7 @@ const mapStateToProps = createStructuredSelector({
}); });
const mapDispatchToProps = () => ({}); const mapDispatchToProps = () => ({});
export default connect(mapStateToProps, mapDispatchToProps)(JobDetailCardsPartsComponent); function JobDetailCardsPartsComponent({ loading, data, jobRO }) {
export function JobDetailCardsPartsComponent({ loading, data, jobRO }) {
const { t } = useTranslation(); const { t } = useTranslation();
const { joblines_status } = data; const { joblines_status } = data;
@@ -103,8 +101,10 @@ export function JobDetailCardsPartsComponent({ loading, data, jobRO }) {
<div> <div>
<CardTemplate loading={loading} title={t("jobs.labels.cards.parts")}> <CardTemplate loading={loading} title={t("jobs.labels.cards.parts")}>
<PartsStatusPie joblines_status={joblines_status} /> <PartsStatusPie joblines_status={joblines_status} />
<Table key="id" columns={columns} dataSource={filteredJobLines || []} /> <Table rowKey="id" columns={columns} dataSource={filteredJobLines || []} />
</CardTemplate> </CardTemplate>
</div> </div>
); );
} }
export default connect(mapStateToProps, mapDispatchToProps)(JobDetailCardsPartsComponent);

7
client/src/components/job-employee-assignments/job-employee-assignments.component.jsx
View File

@@ -46,11 +46,12 @@ export function JobEmployeeAssignments({
<Col span={24}> <Col span={24}>
<Select <Select
id="employeeSelector" id="employeeSelector"
showSearch showSearc={{
optionFilterProp: "children",
filterOption: (input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
}}
style={{ width: 200 }} style={{ width: 200 }}
optionFilterProp="children"
onChange={onChange} onChange={onChange}
filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}
> >
{bodyshop.employees {bodyshop.employees
.filter((emp) => emp.active) .filter((emp) => emp.active)

7
client/src/components/job-line-bulk-assign/job-line-bulk-assign.component.jsx
View File

@@ -89,10 +89,11 @@ export function JoblineBulkAssign({ setSelectedLines, selectedLines, insertAudit
]} ]}
> >
<Select <Select
showSearch showSearch={{
optionFilterProp: "children",
filterOption: (input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
}}
style={{ width: 200 }} style={{ width: 200 }}
optionFilterProp="children"
filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}
> >
{bodyshop.employee_teams.map((team) => ( {bodyshop.employee_teams.map((team) => (
<Select.Option value={team.id} key={team.id} name={team.name}> <Select.Option value={team.id} key={team.id} name={team.name}>

2
client/src/components/job-line-convert-to-labor/job-line-convert-to-labor.component.jsx
View File

@@ -122,7 +122,7 @@ export function JobLineConvertToLabor({
} }
]} ]}
> >
<Select allowClear optionFilterProp="children" showSearch> <Select allowClear showSearch={{ optionFilterProp: "children" }}>
<Select.Option value="LAA">{t("joblines.fields.lbr_types.LAA")}</Select.Option> <Select.Option value="LAA">{t("joblines.fields.lbr_types.LAA")}</Select.Option>
<Select.Option value="LAB">{t("joblines.fields.lbr_types.LAB")}</Select.Option> <Select.Option value="LAB">{t("joblines.fields.lbr_types.LAB")}</Select.Option>
<Select.Option value="LAD">{t("joblines.fields.lbr_types.LAD")}</Select.Option> <Select.Option value="LAD">{t("joblines.fields.lbr_types.LAD")}</Select.Option>

7
client/src/components/job-line-dispatch-button/job-line-dispatch-button.component.jsx
View File

@@ -116,10 +116,11 @@ export function JobLineDispatchButton({
]} ]}
> >
<Select <Select
showSearch showSearch={{
optionFilterProp: "children",
filterOption: (input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
}}
style={{ width: 200 }} style={{ width: 200 }}
optionFilterProp="children"
filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}
> >
{bodyshop.employees {bodyshop.employees
.filter((emp) => emp.active) .filter((emp) => emp.active)

7
client/src/components/job-search-select/job-search-select.component.jsx
View File

@@ -62,14 +62,15 @@ const JobSearchSelect = (
<Select <Select
ref={ref} ref={ref}
disabled={disabled} disabled={disabled}
showSearch showSearch={{
filterOption: false,
onSearch: handleSearch
}}
autoFocus autoFocus
allowClear={!loading} allowClear={!loading}
style={{ style={{
width: "100%" width: "100%"
}} }}
filterOption={false}
onSearch={handleSearch}
//loading={loading || idLoading} //loading={loading || idLoading}
suffixIcon={(loading || idLoading) && <Spin />} suffixIcon={(loading || idLoading) && <Spin />}
notFoundContent={loading ? <LoadingOutlined /> : null} notFoundContent={loading ? <LoadingOutlined /> : null}

20
client/src/components/jobs-close-lines/jobs-close-lines.component.jsx
View File

@@ -131,12 +131,12 @@ export function JobsCloseLines({ bodyshop, job, jobRO }) {
> >
<Select <Select
allowClear allowClear
optionFilterProp="children" showSearch={{
showSearch optionFilterProp: "children",
filterOption: (input, option) =>
option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
}}
disabled={jobRO} disabled={jobRO}
filterOption={(input, option) =>
option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
}
> >
{bodyshop.md_responsibility_centers.profits.map((p) => ( {bodyshop.md_responsibility_centers.profits.map((p) => (
<Select.Option key={p.name} value={p.name}> <Select.Option key={p.name} value={p.name}>
@@ -161,12 +161,12 @@ export function JobsCloseLines({ bodyshop, job, jobRO }) {
> >
<Select <Select
allowClear allowClear
optionFilterProp="children" showSearch={{
showSearch optionFilterProp: "children",
filterOption: (input, option) =>
option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
}}
disabled={jobRO} disabled={jobRO}
filterOption={(input, option) =>
option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
}
> >
{bodyshop.md_responsibility_centers.profits.map((p) => ( {bodyshop.md_responsibility_centers.profits.map((p) => (
<Select.Option key={p.name} value={p.name}> <Select.Option key={p.name} value={p.name}>

7
client/src/components/jobs-convert-button/jobs-convert-button.component.jsx
View File

@@ -178,10 +178,11 @@ export function JobsConvertButton({ bodyshop, job, refetch, jobRO, insertAuditTr
]} ]}
> >
<Select <Select
showSearch showSearch={{
optionFilterProp: "children",
filterOption: (input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
}}
style={{ width: 200 }} style={{ width: 200 }}
optionFilterProp="children"
filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}
> >
{bodyshop.employees {bodyshop.employees
.filter((emp) => emp.active) .filter((emp) => emp.active)

3
client/src/components/jobs-detail-header-actions/jobs-detail-header-actions.toggle-production.jsx
View File

@@ -42,7 +42,6 @@ export function JobsDetailHeaderActionsToggleProduction({
const notification = useNotification(); const notification = useNotification();
const [getJobDetails, { loading: jobDetailsLoading }] = useLazyQuery(GET_JOB_BY_PK_QUICK_INTAKE, { const [getJobDetails, { loading: jobDetailsLoading }] = useLazyQuery(GET_JOB_BY_PK_QUICK_INTAKE, {
variables: { id: job.id },
onCompleted: (data) => { onCompleted: (data) => {
if (data?.jobs_by_pk) { if (data?.jobs_by_pk) {
const totalHours = const totalHours =
@@ -204,7 +203,7 @@ export function JobsDetailHeaderActionsToggleProduction({
open={popOverVisible} open={popOverVisible}
onOpenChange={setPopOverVisible} onOpenChange={setPopOverVisible}
onClick={(e) => { onClick={(e) => {
getJobDetails(); getJobDetails({ variables: { id: job.id } });
e.stopPropagation(); e.stopPropagation();
}} }}
getPopupContainer={(trigger) => trigger.parentNode} getPopupContainer={(trigger) => trigger.parentNode}

6
client/src/components/owner-find-modal/owner-find-modal.container.jsx
View File

@@ -22,11 +22,7 @@ export default function OwnerFindModalContainer({
const { t } = useTranslation(); const { t } = useTranslation();
const [searchText, setSearchText] = useState(null); const [searchText, setSearchText] = useState(null);
const [callSearchowners, ownersList] = useLazyQuery(QUERY_SEARCH_OWNER_BY_IDX, { const [callSearchowners, ownersList] = useLazyQuery(QUERY_SEARCH_OWNER_BY_IDX);
variables: {
search: searchText
}
});
useEffect(() => { useEffect(() => {
if (modalProps.open && owner) { if (modalProps.open && owner) {

7
client/src/components/production-list-columns/production-list-columns.empassignment.component.jsx
View File

@@ -102,11 +102,12 @@ export function ProductionListEmpAssignment({ insertAuditTrail, bodyshop, record
<Col span={24}> <Col span={24}>
<Select <Select
id="employeeSelector" id="employeeSelector"
showSearch showSearch={{
optionFilterProp: "children",
filterOption: (input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
}}
style={{ width: 200 }} style={{ width: 200 }}
optionFilterProp="children"
onChange={onChange} onChange={onChange}
filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}
> >
{bodyshop.employees {bodyshop.employees
.filter((emp) => emp.active) .filter((emp) => emp.active)

7
client/src/components/vehicle-search-select/vehicle-search-select.component.jsx
View File

@@ -58,14 +58,15 @@ const VehicleSearchSelect = ({ value, onChange, onBlur, disabled }, ref) => {
<Select <Select
ref={ref} ref={ref}
disabled={disabled} disabled={disabled}
showSearch showSearch={{
filterOption: false,
onSearch: handleSearch
}}
autoFocus autoFocus
value={option} value={option}
style={{ style={{
width: "100%" width: "100%"
}} }}
filterOption={false}
onSearch={handleSearch}
// onChange={setOption} // onChange={setOption}
onChange={handleSelect} onChange={handleSelect}
onSelect={handleSelect} onSelect={handleSelect}