Some additional progress / start on updating future deprecations

This commit is contained in:
Dave Richer
2023-12-04 16:48:10 -05:00
parent 517a087186
commit 1df870ee4e
65 changed files with 139 additions and 125 deletions

114
client/package-lock.json generated
View File

@@ -13,8 +13,8 @@
"@craco/craco": "^7.0.0", "@craco/craco": "^7.0.0",
"@fingerprintjs/fingerprintjs": "^4.2.1", "@fingerprintjs/fingerprintjs": "^4.2.1",
"@jsreport/browser-client": "^3.1.0", "@jsreport/browser-client": "^3.1.0",
"@sentry/react": "^7.40.0", "@sentry/react": "^7.85.0",
"@sentry/tracing": "^7.40.0", "@sentry/tracing": "^7.85.0",
"@splitsoftware/splitio-react": "^1.8.1", "@splitsoftware/splitio-react": "^1.8.1",
"@tanem/react-nprogress": "^5.0.8", "@tanem/react-nprogress": "^5.0.8",
"antd": "^4.24.8", "antd": "^4.24.8",
@@ -33,7 +33,7 @@
"jsoneditor": "^9.9.0", "jsoneditor": "^9.9.0",
"jsreport-browser-client-dist": "^1.3.0", "jsreport-browser-client-dist": "^1.3.0",
"libphonenumber-js": "^1.10.21", "libphonenumber-js": "^1.10.21",
"logrocket": "^3.0.1", "logrocket": "^7.0.0",
"markerjs2": "^2.28.1", "markerjs2": "^2.28.1",
"moment-business-days": "^1.2.0", "moment-business-days": "^1.2.0",
"moment-timezone": "^0.5.41", "moment-timezone": "^0.5.41",
@@ -4302,29 +4302,43 @@
"resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.6.0.tgz", "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.6.0.tgz",
"integrity": "sha512-2/U3GXA6YiPYQDLGwtGlnNgKYBSwCFIHf8Y9LUY5VATHdtbLlU0Y1R3QoBnT0aB4qv/BEiVVsj7LJXoQCgJ2vA==" "integrity": "sha512-2/U3GXA6YiPYQDLGwtGlnNgKYBSwCFIHf8Y9LUY5VATHdtbLlU0Y1R3QoBnT0aB4qv/BEiVVsj7LJXoQCgJ2vA=="
}, },
"node_modules/@sentry-internal/tracing": { "node_modules/@sentry-internal/feedback": {
"version": "7.84.0", "version": "7.85.0",
"resolved": "https://registry.npmjs.org/@sentry-internal/tracing/-/tracing-7.84.0.tgz", "resolved": "https://registry.npmjs.org/@sentry-internal/feedback/-/feedback-7.85.0.tgz",
"integrity": "sha512-y9bGYA0OM6PEREfd+nk4UURZy29tpIw+7vQwpxWfEVs2fqq0/5TBFX/tKFb8AKUI9lVM8v0bcF0bNSCnuPQZHQ==", "integrity": "sha512-MlbIN+N8CWFJBjbqMmARe4+UPo9QRhRar0YoOfmNA2Xqk/EwXcjHWkealosHznXH7tqVbjB25QJpHtDystft/Q==",
"dependencies": { "dependencies": {
"@sentry/core": "7.84.0", "@sentry/core": "7.85.0",
"@sentry/types": "7.84.0", "@sentry/types": "7.85.0",
"@sentry/utils": "7.84.0" "@sentry/utils": "7.85.0"
},
"engines": {
"node": ">=12"
}
},
"node_modules/@sentry-internal/tracing": {
"version": "7.85.0",
"resolved": "https://registry.npmjs.org/@sentry-internal/tracing/-/tracing-7.85.0.tgz",
"integrity": "sha512-p3YMUwkPCy2su9cm/3+7QYR4RiMI0+07DU1BZtht9NLTzY2O87/yvUbn1v2yHR3vJQTy/+7N0ud9/mPBFznRQQ==",
"dependencies": {
"@sentry/core": "7.85.0",
"@sentry/types": "7.85.0",
"@sentry/utils": "7.85.0"
}, },
"engines": { "engines": {
"node": ">=8" "node": ">=8"
} }
}, },
"node_modules/@sentry/browser": { "node_modules/@sentry/browser": {
"version": "7.84.0", "version": "7.85.0",
"resolved": "https://registry.npmjs.org/@sentry/browser/-/browser-7.84.0.tgz", "resolved": "https://registry.npmjs.org/@sentry/browser/-/browser-7.85.0.tgz",
"integrity": "sha512-X50TlTKY9WzAnHsYc4FYrCWgm+CdVo0h02ggmodVBUpRLUBjj+cs5Q1plov/v/XeorSwmorNEMUu/n+XZNSsrA==", "integrity": "sha512-x4sH7vTQnZQgy1U7NuN8XwhleAw7YMQitccHeC5m+kpIKGUO7w4Mdvu8rD3dnjmVmZvASpnwocAxy57/vCU6Ww==",
"dependencies": { "dependencies": {
"@sentry-internal/tracing": "7.84.0", "@sentry-internal/feedback": "7.85.0",
"@sentry/core": "7.84.0", "@sentry-internal/tracing": "7.85.0",
"@sentry/replay": "7.84.0", "@sentry/core": "7.85.0",
"@sentry/types": "7.84.0", "@sentry/replay": "7.85.0",
"@sentry/utils": "7.84.0" "@sentry/types": "7.85.0",
"@sentry/utils": "7.85.0"
}, },
"engines": { "engines": {
"node": ">=8" "node": ">=8"
@@ -4352,25 +4366,25 @@
} }
}, },
"node_modules/@sentry/core": { "node_modules/@sentry/core": {
"version": "7.84.0", "version": "7.85.0",
"resolved": "https://registry.npmjs.org/@sentry/core/-/core-7.84.0.tgz", "resolved": "https://registry.npmjs.org/@sentry/core/-/core-7.85.0.tgz",
"integrity": "sha512-tbuwunbBx2kSex15IHCqHDnrMfIlqPc6w/76fwkGqokz3oh9GSEGlLICwmBWL8AypWimUg13IDtFpD0TJTriWA==", "integrity": "sha512-DFDAc4tWmHN5IWhr7XbHCiyF1Xgb95jz8Uj/JTX9atlgodId1UIbER77qpEmH3eQGid/QBdqrlR98zCixgSbwg==",
"dependencies": { "dependencies": {
"@sentry/types": "7.84.0", "@sentry/types": "7.85.0",
"@sentry/utils": "7.84.0" "@sentry/utils": "7.85.0"
}, },
"engines": { "engines": {
"node": ">=8" "node": ">=8"
} }
}, },
"node_modules/@sentry/react": { "node_modules/@sentry/react": {
"version": "7.84.0", "version": "7.85.0",
"resolved": "https://registry.npmjs.org/@sentry/react/-/react-7.84.0.tgz", "resolved": "https://registry.npmjs.org/@sentry/react/-/react-7.85.0.tgz",
"integrity": "sha512-VQZrEHwPKCYTSbRYXD2ohXcQg99G1Hgs8eevRUuRpdChmA2e3z/RvT00NlaSNNZrS86wPyKpAK6kickB/eSYrw==", "integrity": "sha512-digw63l1A9n+74rW8uiG575Xh3qWTkmvwgTfNRFvDokDRMqRTP0iQEqZRBrBEzMZ5JUa6s+5NLc1/dbMh1QQgA==",
"dependencies": { "dependencies": {
"@sentry/browser": "7.84.0", "@sentry/browser": "7.85.0",
"@sentry/types": "7.84.0", "@sentry/types": "7.85.0",
"@sentry/utils": "7.84.0", "@sentry/utils": "7.85.0",
"hoist-non-react-statics": "^3.3.2" "hoist-non-react-statics": "^3.3.2"
}, },
"engines": { "engines": {
@@ -4381,44 +4395,44 @@
} }
}, },
"node_modules/@sentry/replay": { "node_modules/@sentry/replay": {
"version": "7.84.0", "version": "7.85.0",
"resolved": "https://registry.npmjs.org/@sentry/replay/-/replay-7.84.0.tgz", "resolved": "https://registry.npmjs.org/@sentry/replay/-/replay-7.85.0.tgz",
"integrity": "sha512-c4PxT0ZpvkR9zXNfmAk3ojkm6eZ9+NlDze09RFBOCNo69QwIN90hnvbjXFC1+vRIJsfgo78Zr0ya/Wzb3Rog7Q==", "integrity": "sha512-zVtTKfO+lu5qTwHpETI/oGo8hU3rdKHr3CdI1vRLw+d60PcAa/pWVlXsQeLRTw8PFwE358gHcpFZezj/11afew==",
"dependencies": { "dependencies": {
"@sentry-internal/tracing": "7.84.0", "@sentry-internal/tracing": "7.85.0",
"@sentry/core": "7.84.0", "@sentry/core": "7.85.0",
"@sentry/types": "7.84.0", "@sentry/types": "7.85.0",
"@sentry/utils": "7.84.0" "@sentry/utils": "7.85.0"
}, },
"engines": { "engines": {
"node": ">=12" "node": ">=12"
} }
}, },
"node_modules/@sentry/tracing": { "node_modules/@sentry/tracing": {
"version": "7.84.0", "version": "7.85.0",
"resolved": "https://registry.npmjs.org/@sentry/tracing/-/tracing-7.84.0.tgz", "resolved": "https://registry.npmjs.org/@sentry/tracing/-/tracing-7.85.0.tgz",
"integrity": "sha512-NhBX28vUmCu/5avyGKX6B4UTm4MTOfbdg9ZzCnS7hPuWDfEAUIVHZVryi2q8bqp2DNGJvS9qIq/TSf39JIpdJg==", "integrity": "sha512-L3bpqiM+zu5f3o6zh6hx3xEzVENyhrkuMlpUOyDo0mUytqp763HqF1xz+R+trzze7R5VWrxJaRPARsCKlXu4Ig==",
"dependencies": { "dependencies": {
"@sentry-internal/tracing": "7.84.0" "@sentry-internal/tracing": "7.85.0"
}, },
"engines": { "engines": {
"node": ">=8" "node": ">=8"
} }
}, },
"node_modules/@sentry/types": { "node_modules/@sentry/types": {
"version": "7.84.0", "version": "7.85.0",
"resolved": "https://registry.npmjs.org/@sentry/types/-/types-7.84.0.tgz", "resolved": "https://registry.npmjs.org/@sentry/types/-/types-7.85.0.tgz",
"integrity": "sha512-VqGLIF3JOUrk7yIXjLXJvAORkZL1e3dDX0Q1okRehwyt/5CRE+mdUTeJZkBo9P9mBwgMyvtwklzOGGrzjb4eMA==", "integrity": "sha512-R5jR4XkK5tBU2jDiPdSVqzkmjYRr666bcGaFGUHB/xDQCjPsjk+pEmCCL+vpuWoaZmQJUE1hVU7rgnVX81w8zg==",
"engines": { "engines": {
"node": ">=8" "node": ">=8"
} }
}, },
"node_modules/@sentry/utils": { "node_modules/@sentry/utils": {
"version": "7.84.0", "version": "7.85.0",
"resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-7.84.0.tgz", "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-7.85.0.tgz",
"integrity": "sha512-qdUVuxnRBvaf05AU+28R+xYtZmi/Ymf8os3Njq9g4XuA+QEkZLbzmIpRK5W9Ja7vUtjOeg29Xgg43A8znde9LQ==", "integrity": "sha512-JZ7seNOLvhjAQ8GeB3GYknPQJkuhF88xAYOaESZP3xPOWBMFUN+IO4RqjMqMLFDniOwsVQS7GB/MfP+hxufieg==",
"dependencies": { "dependencies": {
"@sentry/types": "7.84.0" "@sentry/types": "7.85.0"
}, },
"engines": { "engines": {
"node": ">=8" "node": ">=8"
@@ -13790,9 +13804,9 @@
} }
}, },
"node_modules/logrocket": { "node_modules/logrocket": {
"version": "3.0.1", "version": "7.0.0",
"resolved": "https://registry.npmjs.org/logrocket/-/logrocket-3.0.1.tgz", "resolved": "https://registry.npmjs.org/logrocket/-/logrocket-7.0.0.tgz",
"integrity": "sha512-jOWG+jEzobKVxGytzZ+4KGm2kiMQMRTHab2uDWQyVZcHfEF38BlCH1yjQVY4LCmuQUwZitP9biMzJZnyUQ0dtQ==" "integrity": "sha512-IvM4RKYTAByljKTWCx/Q+58Nvt4Dmf/0PIHLfall3kqDtxiDSVKSzu3/bvGb3riHE/C7xY3wzLxy6v+Wui1NUQ=="
}, },
"node_modules/long": { "node_modules/long": {
"version": "5.2.3", "version": "5.2.3",

View File

@@ -9,8 +9,8 @@
"@craco/craco": "^7.0.0", "@craco/craco": "^7.0.0",
"@fingerprintjs/fingerprintjs": "^4.2.1", "@fingerprintjs/fingerprintjs": "^4.2.1",
"@jsreport/browser-client": "^3.1.0", "@jsreport/browser-client": "^3.1.0",
"@sentry/react": "^7.40.0", "@sentry/react": "^7.85.0",
"@sentry/tracing": "^7.40.0", "@sentry/tracing": "^7.85.0",
"@splitsoftware/splitio-react": "^1.8.1", "@splitsoftware/splitio-react": "^1.8.1",
"@tanem/react-nprogress": "^5.0.8", "@tanem/react-nprogress": "^5.0.8",
"antd": "^4.24.8", "antd": "^4.24.8",
@@ -29,7 +29,7 @@
"jsoneditor": "^9.9.0", "jsoneditor": "^9.9.0",
"jsreport-browser-client-dist": "^1.3.0", "jsreport-browser-client-dist": "^1.3.0",
"libphonenumber-js": "^1.10.21", "libphonenumber-js": "^1.10.21",
"logrocket": "^3.0.1", "logrocket": "^7.0.0",
"markerjs2": "^2.28.1", "markerjs2": "^2.28.1",
"moment-business-days": "^1.2.0", "moment-business-days": "^1.2.0",
"moment-timezone": "^0.5.41", "moment-timezone": "^0.5.41",

View File

@@ -1,4 +1,4 @@
import { useClient } from "@splitsoftware/splitio-react"; import { useSplitClient} from "@splitsoftware/splitio-react";
import { Button, Result } from "antd"; import { Button, Result } from "antd";
import LogRocket from "logrocket"; import LogRocket from "logrocket";
import React, { lazy, Suspense, useEffect } from "react"; import React, { lazy, Suspense, useEffect } from "react";
@@ -51,7 +51,7 @@ export function App({
online, online,
setOnline, setOnline,
}) { }) {
const client = useClient(); const client = useSplitClient().client;
useEffect(() => { useEffect(() => {
if (!navigator.onLine) { if (!navigator.onLine) {

View File

@@ -61,7 +61,7 @@ export function AllocationsAssignmentComponent({
); );
return ( return (
<Popover content={popContent} visible={visibility}> <Popover content={popContent} open={visibility}>
<Button onClick={() => setVisibility(true)}> <Button onClick={() => setVisibility(true)}>
{t("allocations.actions.assign")} {t("allocations.actions.assign")}
</Button> </Button>

View File

@@ -59,7 +59,7 @@ export default connect(
); );
return ( return (
<Popover content={popContent} visible={visibility}> <Popover content={popContent} open={visibility}>
<Button disabled={disabled} onClick={() => setVisibility(true)}> <Button disabled={disabled} onClick={() => setVisibility(true)}>
{t("allocations.actions.assign")} {t("allocations.actions.assign")}
</Button> </Button>

View File

@@ -178,7 +178,7 @@ export function BillDetailEditcontainer({
<BillDetailEditReturn data={data} /> <BillDetailEditReturn data={data} />
<Popconfirm <Popconfirm
visible={visible} open={visible}
onConfirm={() => form.submit()} onConfirm={() => form.submit()}
onCancel={() => setVisible(false)} onCancel={() => setVisible(false)}
okButtonProps={{ loading: updateLoading }} okButtonProps={{ loading: updateLoading }}

View File

@@ -77,7 +77,7 @@ export function BillDetailEditReturn({
return ( return (
<> <>
<Modal <Modal
visible={visible} open={visible}
onCancel={() => setVisible(false)} onCancel={() => setVisible(false)}
destroyOnClose destroyOnClose
title={t("bills.actions.return")} title={t("bills.actions.return")}

View File

@@ -32,7 +32,7 @@ export default function BillDetailEditcontainer() {
history.push({ search: queryString.stringify(search) }); history.push({ search: queryString.stringify(search) });
}} }}
destroyOnClose destroyOnClose
visible={search.billid} open={search.billid}
> >
<BillDetailEditComponent /> <BillDetailEditComponent />
</Drawer> </Drawer>

View File

@@ -357,7 +357,7 @@ function BillEnterModalContainer({
<Modal <Modal
title={t("bills.labels.new")} title={t("bills.labels.new")}
width={"98%"} width={"98%"}
visible={billEnterModal.visible} open={billEnterModal.visible}
okText={t("general.actions.save")} okText={t("general.actions.save")}
keyboard="false" keyboard="false"
onOk={() => form.submit()} onOk={() => form.submit()}

View File

@@ -70,7 +70,7 @@ export function ContractsFindModalContainer({
return ( return (
<Modal <Modal
visible={visible} open={visible}
width="70%" width="70%"
title={t("payments.labels.findermodal")} title={t("payments.labels.findermodal")}
onCancel={() => toggleModalVisible()} onCancel={() => toggleModalVisible()}

View File

@@ -38,7 +38,7 @@ export default function CABCpvrtCalculator({ disabled, form }) {
<Popover <Popover
destroyTooltipOnHide destroyTooltipOnHide
content={popContent} content={popContent}
visible={visibility} open={visibility}
disabled={disabled} disabled={disabled}
> >
<Button disabled={disabled} onClick={() => setVisibility(true)}> <Button disabled={disabled} onClick={() => setVisibility(true)}>

View File

@@ -88,8 +88,8 @@ export function ChatMediaSelector({
} }
title={t("messaging.labels.selectmedia")} title={t("messaging.labels.selectmedia")}
trigger="click" trigger="click"
visible={visible} open={visible}
onVisibleChange={handleVisibleChange} onOpenChange={handleVisibleChange}
> >
<Badge count={selectedMedia.filter((s) => s.isSelected).length}> <Badge count={selectedMedia.filter((s) => s.isSelected).length}>
<PictureFilled style={{ margin: "0 .5rem" }} /> <PictureFilled style={{ margin: "0 .5rem" }} />

View File

@@ -390,7 +390,7 @@ export function ContractConvertToRo({
return ( return (
<div> <div>
<Popover content={popContent} visible={visible}> <Popover content={popContent} open={visible}>
<Button <Button
onClick={() => setVisible(true)} onClick={() => setVisible(true)}
loading={loading} loading={loading}

View File

@@ -55,7 +55,7 @@ export default function ContractLicenseDecodeButton({ form }) {
return ( return (
<div> <div>
<Modal <Modal
visible={modalVisible} open={modalVisible}
okText={t("contracts.actions.senddltoform")} okText={t("contracts.actions.senddltoform")}
onOk={handleInsertForm} onOk={handleInsertForm}
okButtonProps={{ disabled: !!!decodedBarcode }} okButtonProps={{ disabled: !!!decodedBarcode }}

View File

@@ -59,7 +59,7 @@ export function ContractsFindModalContainer({
return ( return (
<Modal <Modal
visible={visible} open={visible}
width="70%" width="70%"
title={t("contracts.labels.findermodal")} title={t("contracts.labels.findermodal")}
onCancel={() => toggleModalVisible()} onCancel={() => toggleModalVisible()}

View File

@@ -64,7 +64,7 @@ export function CCReturnModalContainer({
return ( return (
<Modal <Modal
title={t("courtesycars.labels.return")} title={t("courtesycars.labels.return")}
visible={visible} open={visible}
onCancel={() => toggleModalVisible()} onCancel={() => toggleModalVisible()}
width={"90%"} width={"90%"}
okText={t("general.actions.save")} okText={t("general.actions.save")}

View File

@@ -51,7 +51,7 @@ export function DmsCdkVehicles({ bodyshop, form, socket, job }) {
<> <>
<Modal <Modal
width={"90%"} width={"90%"}
visible={visible} open={visible}
onCancel={() => setVisible(false)} onCancel={() => setVisible(false)}
onOk={() => { onOk={() => {
form.setFieldsValue({ form.setFieldsValue({

View File

@@ -60,9 +60,9 @@ export function DocumentEditorComponent({ currentUser, bodyshop, document }) {
markerArea.current = new markerjs2.MarkerArea(imgRef.current); markerArea.current = new markerjs2.MarkerArea(imgRef.current);
// attach an event handler to assign annotated image back to our image element // attach an event handler to assign annotated image back to our image element
markerArea.current.addCloseEventListener((closeEvent) => {}); markerArea.current.addEventListener("close", (closeEvent) => {});
markerArea.current.addRenderEventListener((dataUrl) => { markerArea.current.addEventListener("render", (dataUrl) => {
imgRef.current.src = dataUrl; imgRef.current.src = dataUrl;
markerArea.current.close(); markerArea.current.close();
triggerUpload(dataUrl); triggerUpload(dataUrl);

View File

@@ -174,7 +174,7 @@ export function EmailOverlayContainer({
return ( return (
<Modal <Modal
destroyOnClose={true} destroyOnClose={true}
visible={modalVisible} open={modalVisible}
maskClosable={false} maskClosable={false}
width={"80%"} width={"80%"}
onOk={() => form.submit()} onOk={() => form.submit()}

View File

@@ -94,7 +94,7 @@ const FormInputNUmberCalculator = (
return ( return (
<div> <div>
<Popover content={popContent} visible={history.length > 0}> <Popover content={popContent} open={history.length > 0}>
<InputNumber <InputNumber
ref={ref} ref={ref}
value={value} value={value}

View File

@@ -103,7 +103,7 @@ export function InventoryUpsertModalContainer({
? t("inventory.actions.edit") ? t("inventory.actions.edit")
: t("inventory.actions.new") : t("inventory.actions.new")
} }
visible={visible} open={visible}
okText={t("general.actions.save")} okText={t("general.actions.save")}
onOk={() => { onOk={() => {
form.submit(); form.submit();

View File

@@ -98,7 +98,7 @@ export function Jobd3RdPartyModal({ bodyshop, jobId, job, technician }) {
return ( return (
<> <>
<Button onClick={showModal}>{t("printcenter.jobs.3rdpartypayer")}</Button> <Button onClick={showModal}>{t("printcenter.jobs.3rdpartypayer")}</Button>
<Modal visible={isModalVisible} onOk={handleOk} onCancel={handleCancel}> <Modal open={isModalVisible} onOk={handleOk} onCancel={handleCancel}>
<Form <Form
onFinish={handleFinish} onFinish={handleFinish}
autoComplete={"off"} autoComplete={"off"}

View File

@@ -369,8 +369,8 @@ export function ScheduleEventComponent({
return ( return (
<Popover <Popover
visible={visible} open={visible}
onVisibleChange={(vis) => !event.vacation && setVisible(vis)} onOpenChange={(vis) => !event.vacation && setVisible(vis)}
trigger="click" trigger="click"
content={event.block ? blockContent : popoverContent} content={event.block ? blockContent : popoverContent}
style={{ style={{

View File

@@ -39,7 +39,7 @@ export function JobCostingModalContainer({
return ( return (
<Modal <Modal
visible={visible} open={visible}
title={t("jobs.labels.jobcosting")} title={t("jobs.labels.jobcosting")}
onOk={() => { onOk={() => {
toggleModalVisible(); toggleModalVisible();

View File

@@ -76,7 +76,7 @@ export function JobDetailCards({ bodyshop, setPrintCenterContext }) {
return ( return (
<Drawer <Drawer
visible={!!selected} open={!!selected}
destroyOnClose destroyOnClose
width={drawerPercentage} width={drawerPercentage}
placement="right" placement="right"

View File

@@ -87,7 +87,7 @@ export function JobEmployeeAssignments({
); );
return ( return (
<Popover destroyTooltipOnHide content={popContent} visible={visibility}> <Popover destroyTooltipOnHide content={popContent} open={visibility}>
<Spin spinning={loading}> <Spin spinning={loading}>
<DataLabel label={t("jobs.fields.employee_body")}> <DataLabel label={t("jobs.fields.employee_body")}>
{body ? ( {body ? (

View File

@@ -225,7 +225,7 @@ export function JobLineConvertToLabor({
<Popover <Popover
disabled={jobline.convertedtolbr} disabled={jobline.convertedtolbr}
content={overlay} content={overlay}
visible={visibility} open={visibility}
placement="bottom" placement="bottom"
> >
<Tooltip title={t("joblines.actions.converttolabor")}> <Tooltip title={t("joblines.actions.converttolabor")}>

View File

@@ -54,7 +54,7 @@ export function JobLinesUpsertModalComponent({
: t("joblines.labels.new") : t("joblines.labels.new")
} }
forceRender forceRender
visible={visible} open={visible}
width="60%" width="60%"
okText={t("general.actions.save")} okText={t("general.actions.save")}
onOk={() => form.submit()} onOk={() => form.submit()}

View File

@@ -42,7 +42,7 @@ function JobReconciliationModalContainer({
<Modal <Modal
title={t("jobs.labels.reconciliationheader")} title={t("jobs.labels.reconciliationheader")}
width={"95%"} width={"95%"}
visible={visible} open={visible}
okText={t("general.actions.close")} okText={t("general.actions.close")}
onOk={handleCancel} onOk={handleCancel}
onCancel={handleCancel} onCancel={handleCancel}

View File

@@ -186,7 +186,7 @@ export default function ScoreboardAddButton({
}; };
return ( return (
<Popover content={overlay} visible={visibility} placement="bottom"> <Popover content={overlay} open={visibility} placement="bottom">
<Button <Button
loading={loading} loading={loading}
disabled={disabled} disabled={disabled}

View File

@@ -257,7 +257,7 @@ export function JobsConvertButton({
if (job.converted) return <></>; if (job.converted) return <></>;
return ( return (
<Popover visible={visible} content={popMenu}> <Popover open={visible} content={popMenu}>
<Button <Button
key="convert" key="convert"
type="danger" type="danger"

View File

@@ -154,7 +154,7 @@ export function JobsDetailHeaderAddEvent({ bodyshop, jobid, ...props }) {
}; };
return ( return (
<Popover content={overlay} visible={visibility}> <Popover content={overlay} open={visibility}>
<Menu.Item {...props} onClick={handleClick}> <Menu.Item {...props} onClick={handleClick}>
{t("appointments.labels.manualevent")} {t("appointments.labels.manualevent")}
</Menu.Item> </Menu.Item>

View File

@@ -159,7 +159,7 @@ export function JobsDocumentsGalleryReassign({
); );
return ( return (
<Popover content={popContent} visible={visible}> <Popover content={popContent} open={visible}>
<Button <Button
disabled={selectedImages.length < 1} disabled={selectedImages.length < 1}
onClick={() => setVisible(true)} onClick={() => setVisible(true)}

View File

@@ -83,7 +83,7 @@ export function JobsDocumentsLocalGalleryReassign({
); );
return ( return (
<Popover content={popContent} visible={visible}> <Popover content={popContent} open={visible}>
<Button <Button
//disabled={selectedImages.length < 1} //disabled={selectedImages.length < 1}
onClick={() => setVisible(true)} onClick={() => setVisible(true)}

View File

@@ -171,8 +171,8 @@ export function LaborAllocationsAdjustmentEdit({
return ( return (
<Popover <Popover
visible={visible} open={visible}
onVisibleChange={(vis) => setVisible(vis)} onOpenChange={(vis) => setVisible(vis)}
content={overlay} content={overlay}
trigger="click" trigger="click"
> >

View File

@@ -122,7 +122,7 @@ export function NoteUpsertModalContainer({
return ( return (
<Modal <Modal
title={existingNote ? t("notes.actions.edit") : t("notes.actions.new")} title={existingNote ? t("notes.actions.edit") : t("notes.actions.new")}
visible={visible} open={visible}
okText={t("general.actions.save")} okText={t("general.actions.save")}
onOk={() => { onOk={() => {
form.submit(); form.submit();

View File

@@ -76,7 +76,7 @@ export function PartsOrderBackorderEta({
<Popover <Popover
destroyTooltipOnHide destroyTooltipOnHide
content={popContent} content={popContent}
visible={visibility} open={visibility}
disabled={disabled} disabled={disabled}
> >
<DateFormatter>{backordered_eta}</DateFormatter> <DateFormatter>{backordered_eta}</DateFormatter>

View File

@@ -92,7 +92,7 @@ export function PartsOrderLineBackorderButton({
<Popover <Popover
destroyTooltipOnHide destroyTooltipOnHide
content={popContent} content={popContent}
visible={visibility} open={visibility}
disabled={disabled} disabled={disabled}
> >
<Button loading={loading} onClick={handlePopover}> <Button loading={loading} onClick={handlePopover}>

View File

@@ -473,7 +473,7 @@ export function PartsOrderListTableComponent({
<Drawer <Drawer
placement="right" placement="right"
onClose={() => handleOnRowClick(null)} onClose={() => handleOnRowClick(null)}
visible={selectedpartsorder} open={selectedpartsorder}
closable closable
width={drawerPercentage} width={drawerPercentage}
> >

View File

@@ -350,7 +350,7 @@ export function PartsOrderModalContainer({
return ( return (
<Modal <Modal
visible={visible} open={visible}
title={ title={
isReturn isReturn
? `${t("parts_orders.labels.returnpartsorder")} ${invoiceNumber}` ? `${t("parts_orders.labels.returnpartsorder")} ${invoiceNumber}`

View File

@@ -92,7 +92,7 @@ export function PartsReceiveModalContainer({
return ( return (
<Modal <Modal
visible={visible} open={visible}
title={t("parts_orders.labels.receive")} title={t("parts_orders.labels.receive")}
onCancel={() => toggleModalVisible()} onCancel={() => toggleModalVisible()}
onOk={() => form.submit()} onOk={() => form.submit()}

View File

@@ -90,7 +90,7 @@ export function BillMarkSelectedExported({
return ( return (
<Popconfirm <Popconfirm
visible={visible} open={visible}
title={t("general.labels.areyousure")} title={t("general.labels.areyousure")}
onCancel={() => setVisible(false)} onCancel={() => setVisible(false)}
onConfirm={handleUpdate} onConfirm={handleUpdate}

View File

@@ -93,7 +93,7 @@ export function PaymentMarkSelectedExported({
return ( return (
<Popconfirm <Popconfirm
visible={visible} open={visible}
title={t("general.labels.areyousure")} title={t("general.labels.areyousure")}
onCancel={() => setVisible(false)} onCancel={() => setVisible(false)}
onConfirm={handleUpdate} onConfirm={handleUpdate}

View File

@@ -148,7 +148,7 @@ function PaymentModalContainer({
? t("payments.labels.new") ? t("payments.labels.new")
: t("payments.labels.edit") : t("payments.labels.edit")
} }
visible={visible} open={visible}
destroyOnClose destroyOnClose
okText={t("general.actions.save")} okText={t("general.actions.save")}
onOk={() => form.submit()} onOk={() => form.submit()}

View File

@@ -147,7 +147,7 @@ export function PaymentsGenerateLink({
); );
return ( return (
<Popover content={popContent} visible={visible}> <Popover content={popContent} open={visible}>
<Button onClick={() => setVisible(true)} loading={loading}> <Button onClick={() => setVisible(true)} loading={loading}>
{t("payments.actions.generatepaymentlink")} {t("payments.actions.generatepaymentlink")}
</Button> </Button>

View File

@@ -123,7 +123,7 @@ export function PrintCenterJobsLabels({ bodyshop, jobId }) {
</Card> </Card>
); );
return ( return (
<Popover content={content} visible={isModalVisible}> <Popover content={content} open={isModalVisible}>
<Button onClick={() => setIsModalVisible(true)}> <Button onClick={() => setIsModalVisible(true)}>
{t("printcenter.jobs.labels.labels")} {t("printcenter.jobs.labels.labels")}
</Button> </Button>

View File

@@ -28,7 +28,7 @@ export function PrintCenterModalContainer({
return ( return (
<Modal <Modal
visible={visible} open={visible}
onOk={() => toggleModalVisible()} onOk={() => toggleModalVisible()}
onCancel={() => toggleModalVisible()} onCancel={() => toggleModalVisible()}
cancelButtonProps={{ style: { display: "none" } }} cancelButtonProps={{ style: { display: "none" } }}

View File

@@ -173,7 +173,7 @@ export default function ProductionBoardKanbanCardSettings({
</div> </div>
); );
return ( return (
<Popover content={overlay} visible={visible} placement="topRight"> <Popover content={overlay} open={visible} placement="topRight">
<Button loading={loading} onClick={() => setVisible(true)}> <Button loading={loading} onClick={() => setVisible(true)}>
{t("production.labels.cardsettings")} {t("production.labels.cardsettings")}
</Button> </Button>

View File

@@ -41,8 +41,8 @@ export default function ProductionListColumnComment({ record }) {
return ( return (
<Popover <Popover
onVisibleChange={handleVisibleChange} onOpenChange={handleVisibleChange}
visible={visible} open={visible}
content={ content={
<div style={{ width: "30em" }}> <div style={{ width: "30em" }}>
<Input.TextArea <Input.TextArea

View File

@@ -59,8 +59,8 @@ export default function ProductionListDate({
return ( return (
<Dropdown <Dropdown
trigger={["click"]} trigger={["click"]}
onVisibleChange={(v) => setVisible(v)} onOpenChange={(v) => setVisible(v)}
visible={visible} open={visible}
style={{ style={{
height: "19px", height: "19px",
}} }}

View File

@@ -153,7 +153,7 @@ export function ProductionListEmpAssignment({
theEmployee = bodyshop.employees.find((e) => e.id === record[type]); theEmployee = bodyshop.employees.find((e) => e.id === record[type]);
return ( return (
<Popover destroyTooltipOnHide content={popContent} visible={visibility}> <Popover destroyTooltipOnHide content={popContent} open={visibility}>
<Spin spinning={loading}> <Spin spinning={loading}>
{record[type] ? ( {record[type] ? (
<div> <div>

View File

@@ -93,7 +93,7 @@ export function ProductionLastContacted({ currentUser, record }) {
<div> <div>
<Dropdown <Dropdown
//trigger={["click"]} //trigger={["click"]}
visible={visible} open={visible}
style={{ style={{
height: "19px", height: "19px",
}} }}

View File

@@ -60,8 +60,8 @@ function ProductionListColumnProductionNote({ record, setNoteUpsertContext }) {
return ( return (
<Popover <Popover
onVisibleChange={handleVisibleChange} onOpenChange={handleVisibleChange}
visible={visible} open={visible}
content={ content={
<div style={{ width: "30em" }}> <div style={{ width: "30em" }}>
<Input.TextArea <Input.TextArea

View File

@@ -97,7 +97,7 @@ export function ProductionListDetail({
placement="right" placement="right"
width={"33%"} width={"33%"}
onClose={handleClose} onClose={handleClose}
visible={selected} open={selected}
> >
{loading && <LoadingSkeleton />} {loading && <LoadingSkeleton />}
{error && <AlertComponent error={JSON.stringify(error)} />} {error && <AlertComponent error={JSON.stringify(error)} />}

View File

@@ -88,7 +88,7 @@ export function ProductionListSaveConfigButton({
); );
return ( return (
<Popover visible={visible} content={popMenu}> <Popover open={visible} content={popMenu}>
<Button loading={loading} onClick={() => setVisible(true)}> <Button loading={loading} onClick={() => setVisible(true)}>
{t("production.actions.saveconfig")} {t("production.actions.saveconfig")}
</Button> </Button>

View File

@@ -25,7 +25,7 @@ export function ReportCenterModalContainer({
return ( return (
<Modal <Modal
visible={visible} open={visible}
title={t("printcenter.labels.reportcentermodal")} title={t("printcenter.labels.reportcentermodal")}
onOk={() => toggleModalVisible()} onOk={() => toggleModalVisible()}
onCancel={() => toggleModalVisible()} onCancel={() => toggleModalVisible()}

View File

@@ -207,7 +207,7 @@ export function ScheduleJobModalContainer({
return ( return (
<Modal <Modal
visible={visible} open={visible}
onCancel={() => toggleModalVisible()} onCancel={() => toggleModalVisible()}
onOk={() => form.submit()} onOk={() => form.submit()}
width={"90%"} width={"90%"}

View File

@@ -155,7 +155,7 @@ export function ScheduleManualEvent({ bodyshop, event }) {
}; };
return ( return (
<Popover content={overlay} visible={visibility}> <Popover content={overlay} open={visibility}>
<Button loading={loading} onClick={handleClick}> <Button loading={loading} onClick={handleClick}>
{event {event
? t("appointments.actions.reschedule") ? t("appointments.actions.reschedule")

View File

@@ -90,7 +90,7 @@ export default function ScoreboardEntryEdit({ entry }) {
return ( return (
<div> <div>
<Dropdown visible={visible} overlay={popContent}> <Dropdown open={visible} overlay={popContent}>
<Button <Button
onClick={(e) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();

View File

@@ -101,7 +101,7 @@ export default function ScoreboardJobsList({ scoreBoardlist }) {
return ( return (
<> <>
<Modal <Modal
visible={state.visible} open={state.visible}
destroyOnClose destroyOnClose
width="80%" width="80%"
cancelButtonProps={{ style: { display: "none" } }} cancelButtonProps={{ style: { display: "none" } }}

View File

@@ -112,7 +112,7 @@ export default function ShopEmployeeAddVacation({ employee }) {
}; };
return ( return (
<Popover content={overlay} visible={visibility}> <Popover content={overlay} open={visibility}>
<Button <Button
loading={loading} loading={loading}
disabled={!employee?.active} disabled={!employee?.active}

View File

@@ -38,7 +38,7 @@ export default function ShopTemplatesListContainer({ visibleState }) {
<Drawer <Drawer
placement="left" placement="left"
width="25%" width="25%"
visible={visible} open={visible}
onClose={() => setVisible(false)} onClose={() => setVisible(false)}
> >
<div> <div>

View File

@@ -138,7 +138,7 @@ export function TechJobPrintTickets({ technician, event, attendacePrint }) {
}; };
return ( return (
<Popover content={overlay} visible={visibility}> <Popover content={overlay} open={visibility}>
<Button loading={loading} onClick={handleClick}> <Button loading={loading} onClick={handleClick}>
{t("general.labels.reports")} {t("general.labels.reports")}
</Button> </Button>

View File

@@ -73,7 +73,7 @@ export function TechLookupJobsDrawer({ bodyshop, setPrintCenterContext }) {
return ( return (
<Drawer <Drawer
visible={!!selected} open={!!selected}
destroyOnClose destroyOnClose
width={drawerPercentage} width={drawerPercentage}
placement="right" placement="right"

View File

@@ -168,7 +168,7 @@ export function TimeTicketModalContainer({
: t("timetickets.labels.new") : t("timetickets.labels.new")
} }
width={"90%"} width={"90%"}
visible={timeTicketModal.visible} open={timeTicketModal.visible}
forceRender forceRender
onCancel={handleCancel} onCancel={handleCancel}
afterClose={() => form.resetFields()} afterClose={() => form.resetFields()}