From 533a5b87ec0ac932a6c2f9666e5233ea7acaf87c Mon Sep 17 00:00:00 2001
From: Patrick Fic <snaptsoft@gmail.com>
Date: Tue, 17 Jan 2023 20:00:29 -0800
Subject: [PATCH] Changing of deprecated antd props.

---
 .../allocations-assignment.component.jsx                      | 2 +-
 .../allocations-bulk-assignment.component.jsx                 | 2 +-
 .../bill-detail-edit/bill-detail-edit-component.jsx           | 2 +-
 .../bill-detail-edit/bill-detail-edit-return.component.jsx    | 2 +-
 .../bill-detail-edit/bill-detail-edit.container.jsx           | 2 +-
 .../bill-enter-modal/bill-enter-modal.container.jsx           | 2 +-
 .../ca-bc-etf-table-modal/ca-bc-etf-table-modal.container.jsx | 2 +-
 .../ca-bc-pvrt-calculator/ca-bc-pvrt-calculator.component.jsx | 2 +-
 .../chat-media-selector/chat-media-selector.component.jsx     | 4 ++--
 .../contract-convert-to-ro.component.jsx                      | 2 +-
 .../contract-license-decode-button.component.jsx              | 2 +-
 .../contracts-find-modal/contracts-find-modal.container.jsx   | 2 +-
 .../courtesy-car-return-modal.container.jsx                   | 2 +-
 .../src/components/dms-cdk-makes/dms-cdk-makes.component.jsx  | 2 +-
 .../src/components/email-overlay/email-overlay.container.jsx  | 2 +-
 .../form-input-number-calculator.component.jsx                | 2 +-
 .../inventory-upsert-modal.container.jsx                      | 2 +-
 .../job-3rd-party-modal/job-3rd-party-modal.component.jsx     | 2 +-
 .../src/components/job-at-change/schedule-event.component.jsx | 4 ++--
 .../job-costing-modal/job-costing-modal.container.jsx         | 2 +-
 .../job-detail-cards/job-detail-cards.component.jsx           | 2 +-
 .../job-employee-assignments.component.jsx                    | 2 +-
 .../job-line-convert-to-labor.component.jsx                   | 2 +-
 .../job-lines-upsert-modal.component.jsx                      | 2 +-
 .../job-reconciliation.modal.container.jsx                    | 2 +-
 .../job-scoreboard-add-button.component.jsx                   | 2 +-
 .../jobs-convert-button/jobs-convert-button.component.jsx     | 2 +-
 .../jobs-document-gallery.reassign.component.jsx              | 2 +-
 .../jobs-documents-local-gallery.reassign.component.jsx       | 2 +-
 .../labor-allocations-adjustment-edit.component.jsx           | 4 ++--
 .../note-upsert-modal/note-upsert-modal.container.jsx         | 2 +-
 .../parts-order-backorder-eta.component.jsx                   | 2 +-
 .../parts-order-line-backorder-button.component.jsx           | 2 +-
 .../parts-order-list-table.component.jsx                      | 2 +-
 .../parts-order-modal/parts-order-modal.container.jsx         | 2 +-
 .../parts-receive-modal/parts-receive-modal.container.jsx     | 2 +-
 .../payable-mark-selected-exported.component.jsx              | 2 +-
 .../payment-mark-selected-exported.component.jsx              | 2 +-
 .../src/components/payment-modal/payment-modal.container.jsx  | 2 +-
 .../print-center-jobs-labels.component.jsx                    | 2 +-
 .../print-center-modal/print-center-modal.container.jsx       | 2 +-
 .../production-board-kanban.card-settings.component.jsx       | 2 +-
 .../production-list-columns.comment.component.jsx             | 4 ++--
 .../production-list-columns.date.component.jsx                | 2 +-
 .../production-list-columns.empassignment.component.jsx       | 2 +-
 .../production-list-columns.lastcontacted.component.jsx       | 2 +-
 .../production-list-columns.productionnote.component.jsx      | 4 ++--
 .../production-list-detail.component.jsx                      | 2 +-
 .../production-list-save-config-button.component.jsx          | 2 +-
 .../report-center-modal/report-center-modal.container.jsx     | 2 +-
 .../schedule-job-modal/schedule-job-modal.container.jsx       | 2 +-
 .../schedule-manual-event/schedule-manual-event.component.jsx | 2 +-
 .../scoreboard-entry-edit/scoreboard-entry-edit.component.jsx | 2 +-
 .../scoreboard-jobs-list/scoreboard-jobs-list.component.jsx   | 2 +-
 .../shop-employees/shop-employees-add-vacation.component.jsx  | 2 +-
 .../shop-templates-list/shop-templates-list.container.jsx     | 2 +-
 .../tech-job-print-tickets.component.jsx                      | 2 +-
 .../tech-lookup-jobs-drawer.component.jsx                     | 2 +-
 .../time-ticket-modal/time-ticket-modal.container.jsx         | 2 +-
 client/src/pages/phonebook/phonebook.page.container.jsx       | 2 +-
 client/src/pages/shop-vendor/shop-vendor.page.component.jsx   | 2 +-
 61 files changed, 66 insertions(+), 66 deletions(-)

diff --git a/client/src/components/allocations-assignment/allocations-assignment.component.jsx b/client/src/components/allocations-assignment/allocations-assignment.component.jsx
index bc6273bdb..086a3f477 100644
--- a/client/src/components/allocations-assignment/allocations-assignment.component.jsx
+++ b/client/src/components/allocations-assignment/allocations-assignment.component.jsx
@@ -61,7 +61,7 @@ export function AllocationsAssignmentComponent({
   );
 
   return (
-    <Popover content={popContent} visible={visibility}>
+    <Popover content={popContent} open={visibility}>
       <Button onClick={() => setVisibility(true)}>
         {t("allocations.actions.assign")}
       </Button>
diff --git a/client/src/components/allocations-bulk-assignment/allocations-bulk-assignment.component.jsx b/client/src/components/allocations-bulk-assignment/allocations-bulk-assignment.component.jsx
index 9c0bef386..5638fa4b3 100644
--- a/client/src/components/allocations-bulk-assignment/allocations-bulk-assignment.component.jsx
+++ b/client/src/components/allocations-bulk-assignment/allocations-bulk-assignment.component.jsx
@@ -59,7 +59,7 @@ export default connect(
   );
 
   return (
-    <Popover content={popContent} visible={visibility}>
+    <Popover content={popContent} open={visibility}>
       <Button disabled={disabled} onClick={() => setVisibility(true)}>
         {t("allocations.actions.assign")}
       </Button>
diff --git a/client/src/components/bill-detail-edit/bill-detail-edit-component.jsx b/client/src/components/bill-detail-edit/bill-detail-edit-component.jsx
index e92bb175b..f92a4a349 100644
--- a/client/src/components/bill-detail-edit/bill-detail-edit-component.jsx
+++ b/client/src/components/bill-detail-edit/bill-detail-edit-component.jsx
@@ -178,7 +178,7 @@ export function BillDetailEditcontainer({
                 <BillDetailEditReturn data={data} />
 
                 <Popconfirm
-                  visible={visible}
+                  open={visible}
                   onConfirm={() => form.submit()}
                   onCancel={() => setVisible(false)}
                   okButtonProps={{ loading: updateLoading }}
diff --git a/client/src/components/bill-detail-edit/bill-detail-edit-return.component.jsx b/client/src/components/bill-detail-edit/bill-detail-edit-return.component.jsx
index 81571f8b0..986920caa 100644
--- a/client/src/components/bill-detail-edit/bill-detail-edit-return.component.jsx
+++ b/client/src/components/bill-detail-edit/bill-detail-edit-return.component.jsx
@@ -77,7 +77,7 @@ export function BillDetailEditReturn({
   return (
     <>
       <Modal
-        visible={visible}
+        open={visible}
         onCancel={() => setVisible(false)}
         destroyOnClose
         title={t("bills.actions.return")}
diff --git a/client/src/components/bill-detail-edit/bill-detail-edit.container.jsx b/client/src/components/bill-detail-edit/bill-detail-edit.container.jsx
index 4df0959c7..61c9b44f9 100644
--- a/client/src/components/bill-detail-edit/bill-detail-edit.container.jsx
+++ b/client/src/components/bill-detail-edit/bill-detail-edit.container.jsx
@@ -32,7 +32,7 @@ export default function BillDetailEditcontainer() {
         history.push({ search: queryString.stringify(search) });
       }}
       destroyOnClose
-      visible={search.billid}
+      open={search.billid}
     >
       <BillDetailEditComponent />
     </Drawer>
diff --git a/client/src/components/bill-enter-modal/bill-enter-modal.container.jsx b/client/src/components/bill-enter-modal/bill-enter-modal.container.jsx
index 6fb7692a4..475560df1 100644
--- a/client/src/components/bill-enter-modal/bill-enter-modal.container.jsx
+++ b/client/src/components/bill-enter-modal/bill-enter-modal.container.jsx
@@ -344,7 +344,7 @@ function BillEnterModalContainer({
     <Modal
       title={t("bills.labels.new")}
       width={"98%"}
-      visible={billEnterModal.visible}
+      open={billEnterModal.visible}
       okText={t("general.actions.save")}
       keyboard="false"
       onOk={() => form.submit()}
diff --git a/client/src/components/ca-bc-etf-table-modal/ca-bc-etf-table-modal.container.jsx b/client/src/components/ca-bc-etf-table-modal/ca-bc-etf-table-modal.container.jsx
index 872d2aec3..b0e07ac65 100644
--- a/client/src/components/ca-bc-etf-table-modal/ca-bc-etf-table-modal.container.jsx
+++ b/client/src/components/ca-bc-etf-table-modal/ca-bc-etf-table-modal.container.jsx
@@ -70,7 +70,7 @@ export function ContractsFindModalContainer({
 
   return (
     <Modal
-      visible={visible}
+      open={visible}
       width="70%"
       title={t("payments.labels.findermodal")}
       onCancel={() => toggleModalVisible()}
diff --git a/client/src/components/ca-bc-pvrt-calculator/ca-bc-pvrt-calculator.component.jsx b/client/src/components/ca-bc-pvrt-calculator/ca-bc-pvrt-calculator.component.jsx
index b1c1ebcc6..1f979aa97 100644
--- a/client/src/components/ca-bc-pvrt-calculator/ca-bc-pvrt-calculator.component.jsx
+++ b/client/src/components/ca-bc-pvrt-calculator/ca-bc-pvrt-calculator.component.jsx
@@ -35,7 +35,7 @@ export default function CABCpvrtCalculator({ disabled, form }) {
     <Popover
       destroyTooltipOnHide
       content={popContent}
-      visible={visibility}
+      open={visibility}
       disabled={disabled}
     >
       <Button disabled={disabled} onClick={() => setVisibility(true)}>
diff --git a/client/src/components/chat-media-selector/chat-media-selector.component.jsx b/client/src/components/chat-media-selector/chat-media-selector.component.jsx
index eea2824de..5306aebb7 100644
--- a/client/src/components/chat-media-selector/chat-media-selector.component.jsx
+++ b/client/src/components/chat-media-selector/chat-media-selector.component.jsx
@@ -88,8 +88,8 @@ export function ChatMediaSelector({
       }
       title={t("messaging.labels.selectmedia")}
       trigger="click"
-      visible={visible}
-      onVisibleChange={handleVisibleChange}
+      open={visible}
+      onOpenChange={handleVisibleChange}
     >
       <Badge count={selectedMedia.filter((s) => s.isSelected).length}>
         <PictureFilled style={{ margin: "0 .5rem" }} />
diff --git a/client/src/components/contract-convert-to-ro/contract-convert-to-ro.component.jsx b/client/src/components/contract-convert-to-ro/contract-convert-to-ro.component.jsx
index eec385fca..7a6fff44a 100644
--- a/client/src/components/contract-convert-to-ro/contract-convert-to-ro.component.jsx
+++ b/client/src/components/contract-convert-to-ro/contract-convert-to-ro.component.jsx
@@ -390,7 +390,7 @@ export function ContractConvertToRo({
 
   return (
     <div>
-      <Popover content={popContent} visible={visible}>
+      <Popover content={popContent} open={visible}>
         <Button
           onClick={() => setVisible(true)}
           loading={loading}
diff --git a/client/src/components/contract-license-decode-button/contract-license-decode-button.component.jsx b/client/src/components/contract-license-decode-button/contract-license-decode-button.component.jsx
index 90e7fbaa4..fb635c783 100644
--- a/client/src/components/contract-license-decode-button/contract-license-decode-button.component.jsx
+++ b/client/src/components/contract-license-decode-button/contract-license-decode-button.component.jsx
@@ -55,7 +55,7 @@ export default function ContractLicenseDecodeButton({ form }) {
   return (
     <div>
       <Modal
-        visible={modalVisible}
+        open={modalVisible}
         okText={t("contracts.actions.senddltoform")}
         onOk={handleInsertForm}
         okButtonProps={{ disabled: !!!decodedBarcode }}
diff --git a/client/src/components/contracts-find-modal/contracts-find-modal.container.jsx b/client/src/components/contracts-find-modal/contracts-find-modal.container.jsx
index a450d5845..f04ab6db1 100644
--- a/client/src/components/contracts-find-modal/contracts-find-modal.container.jsx
+++ b/client/src/components/contracts-find-modal/contracts-find-modal.container.jsx
@@ -59,7 +59,7 @@ export function ContractsFindModalContainer({
 
   return (
     <Modal
-      visible={visible}
+      open={visible}
       width="70%"
       title={t("contracts.labels.findermodal")}
       onCancel={() => toggleModalVisible()}
diff --git a/client/src/components/courtesy-car-return-modal/courtesy-car-return-modal.container.jsx b/client/src/components/courtesy-car-return-modal/courtesy-car-return-modal.container.jsx
index a1fcff8b7..ed98c4575 100644
--- a/client/src/components/courtesy-car-return-modal/courtesy-car-return-modal.container.jsx
+++ b/client/src/components/courtesy-car-return-modal/courtesy-car-return-modal.container.jsx
@@ -64,7 +64,7 @@ export function CCReturnModalContainer({
   return (
     <Modal
       title={t("courtesycars.labels.return")}
-      visible={visible}
+      open={visible}
       onCancel={() => toggleModalVisible()}
       width={"90%"}
       okText={t("general.actions.save")}
diff --git a/client/src/components/dms-cdk-makes/dms-cdk-makes.component.jsx b/client/src/components/dms-cdk-makes/dms-cdk-makes.component.jsx
index 262d1720c..8913ef8f7 100644
--- a/client/src/components/dms-cdk-makes/dms-cdk-makes.component.jsx
+++ b/client/src/components/dms-cdk-makes/dms-cdk-makes.component.jsx
@@ -51,7 +51,7 @@ export function DmsCdkVehicles({ bodyshop, form, socket, job }) {
     <>
       <Modal
         width={"90%"}
-        visible={visible}
+        open={visible}
         onCancel={() => setVisible(false)}
         onOk={() => {
           form.setFieldsValue({
diff --git a/client/src/components/email-overlay/email-overlay.container.jsx b/client/src/components/email-overlay/email-overlay.container.jsx
index 6c469c2d9..8b927e143 100644
--- a/client/src/components/email-overlay/email-overlay.container.jsx
+++ b/client/src/components/email-overlay/email-overlay.container.jsx
@@ -174,7 +174,7 @@ export function EmailOverlayContainer({
   return (
     <Modal
       destroyOnClose={true}
-      visible={modalVisible}
+      open={modalVisible}
       maskClosable={false}
       width={"80%"}
       onOk={() => form.submit()}
diff --git a/client/src/components/form-input-number-calculator/form-input-number-calculator.component.jsx b/client/src/components/form-input-number-calculator/form-input-number-calculator.component.jsx
index 5f34a43b1..36f879a6f 100644
--- a/client/src/components/form-input-number-calculator/form-input-number-calculator.component.jsx
+++ b/client/src/components/form-input-number-calculator/form-input-number-calculator.component.jsx
@@ -94,7 +94,7 @@ const FormInputNUmberCalculator = (
 
   return (
     <div>
-      <Popover content={popContent} visible={history.length > 0}>
+      <Popover content={popContent} open={history.length > 0}>
         <InputNumber
           ref={ref}
           value={value}
diff --git a/client/src/components/inventory-upsert-modal/inventory-upsert-modal.container.jsx b/client/src/components/inventory-upsert-modal/inventory-upsert-modal.container.jsx
index 715131b02..ea41970e3 100644
--- a/client/src/components/inventory-upsert-modal/inventory-upsert-modal.container.jsx
+++ b/client/src/components/inventory-upsert-modal/inventory-upsert-modal.container.jsx
@@ -103,7 +103,7 @@ export function InventoryUpsertModalContainer({
           ? t("inventory.actions.edit")
           : t("inventory.actions.new")
       }
-      visible={visible}
+      open={visible}
       okText={t("general.actions.save")}
       onOk={() => {
         form.submit();
diff --git a/client/src/components/job-3rd-party-modal/job-3rd-party-modal.component.jsx b/client/src/components/job-3rd-party-modal/job-3rd-party-modal.component.jsx
index af6c4fc3d..251bc8f86 100644
--- a/client/src/components/job-3rd-party-modal/job-3rd-party-modal.component.jsx
+++ b/client/src/components/job-3rd-party-modal/job-3rd-party-modal.component.jsx
@@ -96,7 +96,7 @@ export function Jobd3RdPartyModal({ bodyshop, jobId, job }) {
   return (
     <>
       <Button onClick={showModal}>{t("printcenter.jobs.3rdpartypayer")}</Button>
-      <Modal visible={isModalVisible} onOk={handleOk} onCancel={handleCancel}>
+      <Modal open={isModalVisible} onOk={handleOk} onCancel={handleCancel}>
         <Form
           onFinish={handleFinish}
           autoComplete={"off"}
diff --git a/client/src/components/job-at-change/schedule-event.component.jsx b/client/src/components/job-at-change/schedule-event.component.jsx
index 19d84fe56..3c4e9dcf9 100644
--- a/client/src/components/job-at-change/schedule-event.component.jsx
+++ b/client/src/components/job-at-change/schedule-event.component.jsx
@@ -283,8 +283,8 @@ export function ScheduleEventComponent({
 
   return (
     <Popover
-      visible={visible}
-      onVisibleChange={(vis) => !event.vacation && setVisible(vis)}
+      open={visible}
+      onOpenChange={(vis) => !event.vacation && setVisible(vis)}
       trigger="click"
       content={event.block ? blockContent : popoverContent}
       style={{
diff --git a/client/src/components/job-costing-modal/job-costing-modal.container.jsx b/client/src/components/job-costing-modal/job-costing-modal.container.jsx
index fd15d6345..1d2d8080c 100644
--- a/client/src/components/job-costing-modal/job-costing-modal.container.jsx
+++ b/client/src/components/job-costing-modal/job-costing-modal.container.jsx
@@ -39,7 +39,7 @@ export function JobCostingModalContainer({
 
   return (
     <Modal
-      visible={visible}
+    open={visible}
       title={t("jobs.labels.jobcosting")}
       onOk={() => {
         toggleModalVisible();
diff --git a/client/src/components/job-detail-cards/job-detail-cards.component.jsx b/client/src/components/job-detail-cards/job-detail-cards.component.jsx
index 1dc6f0ad5..a14917af0 100644
--- a/client/src/components/job-detail-cards/job-detail-cards.component.jsx
+++ b/client/src/components/job-detail-cards/job-detail-cards.component.jsx
@@ -76,7 +76,7 @@ export function JobDetailCards({ bodyshop, setPrintCenterContext }) {
 
   return (
     <Drawer
-      visible={!!selected}
+      open={!!selected}
       destroyOnClose
       width={drawerPercentage}
       placement="right"
diff --git a/client/src/components/job-employee-assignments/job-employee-assignments.component.jsx b/client/src/components/job-employee-assignments/job-employee-assignments.component.jsx
index 6cfdc8307..fea3fb342 100644
--- a/client/src/components/job-employee-assignments/job-employee-assignments.component.jsx
+++ b/client/src/components/job-employee-assignments/job-employee-assignments.component.jsx
@@ -87,7 +87,7 @@ export function JobEmployeeAssignments({
   );
 
   return (
-    <Popover destroyTooltipOnHide content={popContent} visible={visibility}>
+    <Popover destroyTooltipOnHide content={popContent} open={visibility}>
       <Spin spinning={loading}>
         <DataLabel label={t("jobs.fields.employee_body")}>
           {body ? (
diff --git a/client/src/components/job-line-convert-to-labor/job-line-convert-to-labor.component.jsx b/client/src/components/job-line-convert-to-labor/job-line-convert-to-labor.component.jsx
index dea8e5dcc..e887fd646 100644
--- a/client/src/components/job-line-convert-to-labor/job-line-convert-to-labor.component.jsx
+++ b/client/src/components/job-line-convert-to-labor/job-line-convert-to-labor.component.jsx
@@ -225,7 +225,7 @@ export function JobLineConvertToLabor({
         <Popover
           disabled={jobline.convertedtolbr}
           content={overlay}
-          visible={visibility}
+          open={visibility}
           placement="bottom"
         >
           <Tooltip title={t("joblines.actions.converttolabor")}>
diff --git a/client/src/components/job-lines-upsert-modal/job-lines-upsert-modal.component.jsx b/client/src/components/job-lines-upsert-modal/job-lines-upsert-modal.component.jsx
index 928aac88a..1986d1ad9 100644
--- a/client/src/components/job-lines-upsert-modal/job-lines-upsert-modal.component.jsx
+++ b/client/src/components/job-lines-upsert-modal/job-lines-upsert-modal.component.jsx
@@ -49,7 +49,7 @@ export function JobLinesUpsertModalComponent({
           : t("joblines.labels.new")
       }
       forceRender
-      visible={visible}
+      open={visible}
       width="60%"
       okText={t("general.actions.save")}
       onOk={() => form.submit()}
diff --git a/client/src/components/job-reconciliation-modal/job-reconciliation.modal.container.jsx b/client/src/components/job-reconciliation-modal/job-reconciliation.modal.container.jsx
index eb615800c..a7f077ed2 100644
--- a/client/src/components/job-reconciliation-modal/job-reconciliation.modal.container.jsx
+++ b/client/src/components/job-reconciliation-modal/job-reconciliation.modal.container.jsx
@@ -42,7 +42,7 @@ function JobReconciliationModalContainer({
     <Modal
       title={t("jobs.labels.reconciliationheader")}
       width={"95%"}
-      visible={visible}
+      open={visible}
       okText={t("general.actions.close")}
       onOk={handleCancel}
       onCancel={handleCancel}
diff --git a/client/src/components/job-scoreboard-add-button/job-scoreboard-add-button.component.jsx b/client/src/components/job-scoreboard-add-button/job-scoreboard-add-button.component.jsx
index 0e1343438..c426e2c1a 100644
--- a/client/src/components/job-scoreboard-add-button/job-scoreboard-add-button.component.jsx
+++ b/client/src/components/job-scoreboard-add-button/job-scoreboard-add-button.component.jsx
@@ -186,7 +186,7 @@ export default function ScoreboardAddButton({
   };
 
   return (
-    <Popover content={overlay} visible={visibility} placement="bottom">
+    <Popover content={overlay} open={visibility} placement="bottom">
       <Button
         loading={loading}
         disabled={disabled}
diff --git a/client/src/components/jobs-convert-button/jobs-convert-button.component.jsx b/client/src/components/jobs-convert-button/jobs-convert-button.component.jsx
index e20523880..3e8648598 100644
--- a/client/src/components/jobs-convert-button/jobs-convert-button.component.jsx
+++ b/client/src/components/jobs-convert-button/jobs-convert-button.component.jsx
@@ -226,7 +226,7 @@ export function JobsConvertButton({
   if (job.converted) return <></>;
 
   return (
-    <Popover visible={visible} content={popMenu}>
+    <Popover open={visible} content={popMenu}>
       <Button
         key="convert"
         type="danger"
diff --git a/client/src/components/jobs-documents-gallery/jobs-document-gallery.reassign.component.jsx b/client/src/components/jobs-documents-gallery/jobs-document-gallery.reassign.component.jsx
index 18be6fb62..daaeb70a9 100644
--- a/client/src/components/jobs-documents-gallery/jobs-document-gallery.reassign.component.jsx
+++ b/client/src/components/jobs-documents-gallery/jobs-document-gallery.reassign.component.jsx
@@ -159,7 +159,7 @@ export function JobsDocumentsGalleryReassign({
   );
 
   return (
-    <Popover content={popContent} visible={visible}>
+    <Popover content={popContent} open={visible}>
       <Button
         disabled={selectedImages.length < 1}
         onClick={() => setVisible(true)}
diff --git a/client/src/components/jobs-documents-local-gallery/jobs-documents-local-gallery.reassign.component.jsx b/client/src/components/jobs-documents-local-gallery/jobs-documents-local-gallery.reassign.component.jsx
index 74c5a52b9..550be2b87 100644
--- a/client/src/components/jobs-documents-local-gallery/jobs-documents-local-gallery.reassign.component.jsx
+++ b/client/src/components/jobs-documents-local-gallery/jobs-documents-local-gallery.reassign.component.jsx
@@ -83,7 +83,7 @@ export function JobsDocumentsLocalGalleryReassign({
   );
 
   return (
-    <Popover content={popContent} visible={visible}>
+    <Popover content={popContent} open={visible}>
       <Button
         //disabled={selectedImages.length < 1}
         onClick={() => setVisible(true)}
diff --git a/client/src/components/labor-allocations-adjustment-edit/labor-allocations-adjustment-edit.component.jsx b/client/src/components/labor-allocations-adjustment-edit/labor-allocations-adjustment-edit.component.jsx
index 5d5a56d2c..6e7fa7d62 100644
--- a/client/src/components/labor-allocations-adjustment-edit/labor-allocations-adjustment-edit.component.jsx
+++ b/client/src/components/labor-allocations-adjustment-edit/labor-allocations-adjustment-edit.component.jsx
@@ -171,8 +171,8 @@ export function LaborAllocationsAdjustmentEdit({
 
   return (
     <Popover
-      visible={visible}
-      onVisibleChange={(vis) => setVisible(vis)}
+      open={visible}
+      onOpenChange={(vis) => setVisible(vis)}
       content={overlay}
       trigger="click"
     >
diff --git a/client/src/components/note-upsert-modal/note-upsert-modal.container.jsx b/client/src/components/note-upsert-modal/note-upsert-modal.container.jsx
index a5ff684f7..16baff9b3 100644
--- a/client/src/components/note-upsert-modal/note-upsert-modal.container.jsx
+++ b/client/src/components/note-upsert-modal/note-upsert-modal.container.jsx
@@ -117,7 +117,7 @@ export function NoteUpsertModalContainer({
   return (
     <Modal
       title={existingNote ? t("notes.actions.edit") : t("notes.actions.new")}
-      visible={visible}
+      open={visible}
       okText={t("general.actions.save")}
       onOk={() => {
         form.submit();
diff --git a/client/src/components/parts-order-backorder-eta/parts-order-backorder-eta.component.jsx b/client/src/components/parts-order-backorder-eta/parts-order-backorder-eta.component.jsx
index 57df2ef7a..d04d4acd4 100644
--- a/client/src/components/parts-order-backorder-eta/parts-order-backorder-eta.component.jsx
+++ b/client/src/components/parts-order-backorder-eta/parts-order-backorder-eta.component.jsx
@@ -76,7 +76,7 @@ export function PartsOrderBackorderEta({
     <Popover
       destroyTooltipOnHide
       content={popContent}
-      visible={visibility}
+      open={visibility}
       disabled={disabled}
     >
       <DateFormatter>{backordered_eta}</DateFormatter>
diff --git a/client/src/components/parts-order-line-backorder-button/parts-order-line-backorder-button.component.jsx b/client/src/components/parts-order-line-backorder-button/parts-order-line-backorder-button.component.jsx
index bd9b822f3..3c3a1b12e 100644
--- a/client/src/components/parts-order-line-backorder-button/parts-order-line-backorder-button.component.jsx
+++ b/client/src/components/parts-order-line-backorder-button/parts-order-line-backorder-button.component.jsx
@@ -92,7 +92,7 @@ export function PartsOrderLineBackorderButton({
     <Popover
       destroyTooltipOnHide
       content={popContent}
-      visible={visibility}
+      open={visibility}
       disabled={disabled}
     >
       <Button loading={loading} onClick={handlePopover}>
diff --git a/client/src/components/parts-order-list-table/parts-order-list-table.component.jsx b/client/src/components/parts-order-list-table/parts-order-list-table.component.jsx
index 84d73d401..ed217780d 100644
--- a/client/src/components/parts-order-list-table/parts-order-list-table.component.jsx
+++ b/client/src/components/parts-order-list-table/parts-order-list-table.component.jsx
@@ -471,7 +471,7 @@ export function PartsOrderListTableComponent({
       <Drawer
         placement="right"
         onClose={() => handleOnRowClick(null)}
-        visible={selectedpartsorder}
+        open={selectedpartsorder}
         closable
         width={drawerPercentage}
       >
diff --git a/client/src/components/parts-order-modal/parts-order-modal.container.jsx b/client/src/components/parts-order-modal/parts-order-modal.container.jsx
index 0f30012a3..24b7c9f08 100644
--- a/client/src/components/parts-order-modal/parts-order-modal.container.jsx
+++ b/client/src/components/parts-order-modal/parts-order-modal.container.jsx
@@ -350,7 +350,7 @@ export function PartsOrderModalContainer({
 
   return (
     <Modal
-      visible={visible}
+    open={visible}
       title={
         isReturn
           ? `${t("parts_orders.labels.returnpartsorder")} ${invoiceNumber}`
diff --git a/client/src/components/parts-receive-modal/parts-receive-modal.container.jsx b/client/src/components/parts-receive-modal/parts-receive-modal.container.jsx
index 9694bcf49..a0e27e3d5 100644
--- a/client/src/components/parts-receive-modal/parts-receive-modal.container.jsx
+++ b/client/src/components/parts-receive-modal/parts-receive-modal.container.jsx
@@ -92,7 +92,7 @@ export function PartsReceiveModalContainer({
 
   return (
     <Modal
-      visible={visible}
+    open={visible}
       title={t("parts_orders.labels.receive")}
       onCancel={() => toggleModalVisible()}
       onOk={() => form.submit()}
diff --git a/client/src/components/payable-mark-selected-exported/payable-mark-selected-exported.component.jsx b/client/src/components/payable-mark-selected-exported/payable-mark-selected-exported.component.jsx
index 4058d042c..bca3d87b3 100644
--- a/client/src/components/payable-mark-selected-exported/payable-mark-selected-exported.component.jsx
+++ b/client/src/components/payable-mark-selected-exported/payable-mark-selected-exported.component.jsx
@@ -90,7 +90,7 @@ export function BillMarkSelectedExported({
 
   return (
     <Popconfirm
-      visible={visible}
+      open={visible}
       title={t("general.labels.areyousure")}
       onCancel={() => setVisible(false)}
       onConfirm={handleUpdate}
diff --git a/client/src/components/payment-mark-selected-exported/payment-mark-selected-exported.component.jsx b/client/src/components/payment-mark-selected-exported/payment-mark-selected-exported.component.jsx
index 8b8fbc4ee..457689454 100644
--- a/client/src/components/payment-mark-selected-exported/payment-mark-selected-exported.component.jsx
+++ b/client/src/components/payment-mark-selected-exported/payment-mark-selected-exported.component.jsx
@@ -93,7 +93,7 @@ export function PaymentMarkSelectedExported({
 
   return (
     <Popconfirm
-      visible={visible}
+    open={visible}
       title={t("general.labels.areyousure")}
       onCancel={() => setVisible(false)}
       onConfirm={handleUpdate}
diff --git a/client/src/components/payment-modal/payment-modal.container.jsx b/client/src/components/payment-modal/payment-modal.container.jsx
index 4b270bca5..51ac5bf36 100644
--- a/client/src/components/payment-modal/payment-modal.container.jsx
+++ b/client/src/components/payment-modal/payment-modal.container.jsx
@@ -138,7 +138,7 @@ function PaymentModalContainer({
           ? t("payments.labels.new")
           : t("payments.labels.edit")
       }
-      visible={visible}
+      open={visible}
       okText={t("general.actions.save")}
       onOk={() => form.submit()}
       width="50%"
diff --git a/client/src/components/print-center-jobs-labels/print-center-jobs-labels.component.jsx b/client/src/components/print-center-jobs-labels/print-center-jobs-labels.component.jsx
index 5bd0f15e5..5412884b9 100644
--- a/client/src/components/print-center-jobs-labels/print-center-jobs-labels.component.jsx
+++ b/client/src/components/print-center-jobs-labels/print-center-jobs-labels.component.jsx
@@ -123,7 +123,7 @@ export function PrintCenterJobsLabels({ bodyshop, jobId }) {
     </Card>
   );
   return (
-    <Popover content={content} visible={isModalVisible}>
+    <Popover content={content} open={isModalVisible}>
       <Button onClick={() => setIsModalVisible(true)}>
         {t("printcenter.jobs.labels.labels")}
       </Button>
diff --git a/client/src/components/print-center-modal/print-center-modal.container.jsx b/client/src/components/print-center-modal/print-center-modal.container.jsx
index 37dba6614..b63640c04 100644
--- a/client/src/components/print-center-modal/print-center-modal.container.jsx
+++ b/client/src/components/print-center-modal/print-center-modal.container.jsx
@@ -28,7 +28,7 @@ export function PrintCenterModalContainer({
 
   return (
     <Modal
-      visible={visible}
+    open={visible}
       onOk={() => toggleModalVisible()}
       onCancel={() => toggleModalVisible()}
       cancelButtonProps={{ style: { display: "none" } }}
diff --git a/client/src/components/production-board-kanban/production-board-kanban.card-settings.component.jsx b/client/src/components/production-board-kanban/production-board-kanban.card-settings.component.jsx
index 25c77e307..8a1f33363 100644
--- a/client/src/components/production-board-kanban/production-board-kanban.card-settings.component.jsx
+++ b/client/src/components/production-board-kanban/production-board-kanban.card-settings.component.jsx
@@ -166,7 +166,7 @@ export default function ProductionBoardKanbanCardSettings({
     </div>
   );
   return (
-    <Popover content={overlay} visible={visible}>
+    <Popover content={overlay} open={visible}>
       <Button loading={loading} onClick={() => setVisible(true)}>
         {t("production.labels.cardsettings")}
       </Button>
diff --git a/client/src/components/production-list-columns/production-list-columns.comment.component.jsx b/client/src/components/production-list-columns/production-list-columns.comment.component.jsx
index d66f72c75..4ab1b73d3 100644
--- a/client/src/components/production-list-columns/production-list-columns.comment.component.jsx
+++ b/client/src/components/production-list-columns/production-list-columns.comment.component.jsx
@@ -41,8 +41,8 @@ export default function ProductionListColumnComment({ record }) {
 
   return (
     <Popover
-      onVisibleChange={handleVisibleChange}
-      visible={visible}
+      onOpenChange={handleVisibleChange}
+      open={visible}
       content={
         <div style={{ width: "30em" }}>
           <Input.TextArea
diff --git a/client/src/components/production-list-columns/production-list-columns.date.component.jsx b/client/src/components/production-list-columns/production-list-columns.date.component.jsx
index 4944d628b..5e2ed948d 100644
--- a/client/src/components/production-list-columns/production-list-columns.date.component.jsx
+++ b/client/src/components/production-list-columns/production-list-columns.date.component.jsx
@@ -52,7 +52,7 @@ export default function ProductionListDate({
   return (
     <Dropdown
       //trigger={["click"]}
-      visible={visible}
+      open={visible}
       style={{
         height: "19px",
       }}
diff --git a/client/src/components/production-list-columns/production-list-columns.empassignment.component.jsx b/client/src/components/production-list-columns/production-list-columns.empassignment.component.jsx
index e2ed28896..72e4f5359 100644
--- a/client/src/components/production-list-columns/production-list-columns.empassignment.component.jsx
+++ b/client/src/components/production-list-columns/production-list-columns.empassignment.component.jsx
@@ -153,7 +153,7 @@ export function ProductionListEmpAssignment({
     theEmployee = bodyshop.employees.find((e) => e.id === record[type]);
 
   return (
-    <Popover destroyTooltipOnHide content={popContent} visible={visibility}>
+    <Popover destroyTooltipOnHide content={popContent} open={visibility}>
       <Spin spinning={loading}>
         {record[type] ? (
           <div>
diff --git a/client/src/components/production-list-columns/production-list-columns.lastcontacted.component.jsx b/client/src/components/production-list-columns/production-list-columns.lastcontacted.component.jsx
index 95532e0a3..6f4bd5668 100644
--- a/client/src/components/production-list-columns/production-list-columns.lastcontacted.component.jsx
+++ b/client/src/components/production-list-columns/production-list-columns.lastcontacted.component.jsx
@@ -93,7 +93,7 @@ export function ProductionLastContacted({ currentUser, record }) {
     <div>
       <Dropdown
         //trigger={["click"]}
-        visible={visible}
+        open={visible}
         style={{
           height: "19px",
         }}
diff --git a/client/src/components/production-list-columns/production-list-columns.productionnote.component.jsx b/client/src/components/production-list-columns/production-list-columns.productionnote.component.jsx
index 5ff201972..4b4762104 100644
--- a/client/src/components/production-list-columns/production-list-columns.productionnote.component.jsx
+++ b/client/src/components/production-list-columns/production-list-columns.productionnote.component.jsx
@@ -49,8 +49,8 @@ export default function ProductionListColumnProductionNote({ record }) {
 
   return (
     <Popover
-      onVisibleChange={handleVisibleChange}
-      visible={visible}
+      onOpenChange={handleVisibleChange}
+      open={visible}
       content={
         <div style={{ width: "30em" }}>
           <Input.TextArea
diff --git a/client/src/components/production-list-detail/production-list-detail.component.jsx b/client/src/components/production-list-detail/production-list-detail.component.jsx
index ac5b4146c..6f823bc50 100644
--- a/client/src/components/production-list-detail/production-list-detail.component.jsx
+++ b/client/src/components/production-list-detail/production-list-detail.component.jsx
@@ -90,7 +90,7 @@ export function ProductionListDetail({
       placement="right"
       width={"33%"}
       onClose={handleClose}
-      visible={selected}
+      open={selected}
     >
       {loading && <LoadingSkeleton />}
       {error && <AlertComponent error={JSON.stringify(error)} />}
diff --git a/client/src/components/production-list-save-config-button/production-list-save-config-button.component.jsx b/client/src/components/production-list-save-config-button/production-list-save-config-button.component.jsx
index 246177367..6db861329 100644
--- a/client/src/components/production-list-save-config-button/production-list-save-config-button.component.jsx
+++ b/client/src/components/production-list-save-config-button/production-list-save-config-button.component.jsx
@@ -88,7 +88,7 @@ export function ProductionListSaveConfigButton({
   );
 
   return (
-    <Popover visible={visible} content={popMenu}>
+    <Popover open={visible} content={popMenu}>
       <Button loading={loading} onClick={() => setVisible(true)}>
         {t("production.actions.saveconfig")}
       </Button>
diff --git a/client/src/components/report-center-modal/report-center-modal.container.jsx b/client/src/components/report-center-modal/report-center-modal.container.jsx
index f0d361785..665d51b4c 100644
--- a/client/src/components/report-center-modal/report-center-modal.container.jsx
+++ b/client/src/components/report-center-modal/report-center-modal.container.jsx
@@ -25,7 +25,7 @@ export function ReportCenterModalContainer({
 
   return (
     <Modal
-      visible={visible}
+    open={visible}
       title={t("printcenter.labels.reportcentermodal")}
       onOk={() => toggleModalVisible()}
       onCancel={() => toggleModalVisible()}
diff --git a/client/src/components/schedule-job-modal/schedule-job-modal.container.jsx b/client/src/components/schedule-job-modal/schedule-job-modal.container.jsx
index 08bb4747e..c6b8fcdde 100644
--- a/client/src/components/schedule-job-modal/schedule-job-modal.container.jsx
+++ b/client/src/components/schedule-job-modal/schedule-job-modal.container.jsx
@@ -184,7 +184,7 @@ export function ScheduleJobModalContainer({
 
   return (
     <Modal
-      visible={visible}
+    open={visible}
       onCancel={() => toggleModalVisible()}
       onOk={() => form.submit()}
       width={"90%"}
diff --git a/client/src/components/schedule-manual-event/schedule-manual-event.component.jsx b/client/src/components/schedule-manual-event/schedule-manual-event.component.jsx
index c36d3549d..8afb7bfb0 100644
--- a/client/src/components/schedule-manual-event/schedule-manual-event.component.jsx
+++ b/client/src/components/schedule-manual-event/schedule-manual-event.component.jsx
@@ -154,7 +154,7 @@ export function ScheduleManualEvent({ bodyshop, event }) {
   };
 
   return (
-    <Popover content={overlay} visible={visibility}>
+    <Popover content={overlay} open={visibility}>
       <Button loading={loading} onClick={handleClick}>
         {event
           ? t("appointments.actions.reschedule")
diff --git a/client/src/components/scoreboard-entry-edit/scoreboard-entry-edit.component.jsx b/client/src/components/scoreboard-entry-edit/scoreboard-entry-edit.component.jsx
index a8488e9dd..abc6e4a7c 100644
--- a/client/src/components/scoreboard-entry-edit/scoreboard-entry-edit.component.jsx
+++ b/client/src/components/scoreboard-entry-edit/scoreboard-entry-edit.component.jsx
@@ -90,7 +90,7 @@ export default function ScoreboardEntryEdit({ entry }) {
 
   return (
     <div>
-      <Dropdown visible={visible} overlay={popContent}>
+      <Dropdown open={visible} overlay={popContent}>
         <Button
           onClick={(e) => {
             e.stopPropagation();
diff --git a/client/src/components/scoreboard-jobs-list/scoreboard-jobs-list.component.jsx b/client/src/components/scoreboard-jobs-list/scoreboard-jobs-list.component.jsx
index 593f11ce7..c2a221b71 100644
--- a/client/src/components/scoreboard-jobs-list/scoreboard-jobs-list.component.jsx
+++ b/client/src/components/scoreboard-jobs-list/scoreboard-jobs-list.component.jsx
@@ -100,7 +100,7 @@ export default function ScoreboardJobsList({ scoreBoardlist }) {
   return (
     <>
       <Modal
-        visible={state.visible}
+      open={state.visible}
         destroyOnClose
         width="80%"
         cancelButtonProps={{ style: { display: "none" } }}
diff --git a/client/src/components/shop-employees/shop-employees-add-vacation.component.jsx b/client/src/components/shop-employees/shop-employees-add-vacation.component.jsx
index d1bffeb91..01d115f6a 100644
--- a/client/src/components/shop-employees/shop-employees-add-vacation.component.jsx
+++ b/client/src/components/shop-employees/shop-employees-add-vacation.component.jsx
@@ -112,7 +112,7 @@ export default function ShopEmployeeAddVacation({ employee }) {
   };
 
   return (
-    <Popover content={overlay} visible={visibility}>
+    <Popover content={overlay} open={visibility}>
       <Button
         loading={loading}
         disabled={!employee?.active}
diff --git a/client/src/components/shop-templates-list/shop-templates-list.container.jsx b/client/src/components/shop-templates-list/shop-templates-list.container.jsx
index 3b6331906..8f0868796 100644
--- a/client/src/components/shop-templates-list/shop-templates-list.container.jsx
+++ b/client/src/components/shop-templates-list/shop-templates-list.container.jsx
@@ -38,7 +38,7 @@ export default function ShopTemplatesListContainer({ visibleState }) {
     <Drawer
       placement="left"
       width="25%"
-      visible={visible}
+      open={visible}
       onClose={() => setVisible(false)}
     >
       <div>
diff --git a/client/src/components/tech-job-print-tickets/tech-job-print-tickets.component.jsx b/client/src/components/tech-job-print-tickets/tech-job-print-tickets.component.jsx
index e09691a65..2dbd728c4 100644
--- a/client/src/components/tech-job-print-tickets/tech-job-print-tickets.component.jsx
+++ b/client/src/components/tech-job-print-tickets/tech-job-print-tickets.component.jsx
@@ -116,7 +116,7 @@ export function TechJobPrintTickets({ technician, event }) {
   };
 
   return (
-    <Popover content={overlay} visible={visibility}>
+    <Popover content={overlay} open={visibility}>
       <Button loading={loading} onClick={handleClick}>
         {t("general.actions.print")}
       </Button>
diff --git a/client/src/components/tech-lookup-jobs-drawer/tech-lookup-jobs-drawer.component.jsx b/client/src/components/tech-lookup-jobs-drawer/tech-lookup-jobs-drawer.component.jsx
index 02e62d274..6d88068a3 100644
--- a/client/src/components/tech-lookup-jobs-drawer/tech-lookup-jobs-drawer.component.jsx
+++ b/client/src/components/tech-lookup-jobs-drawer/tech-lookup-jobs-drawer.component.jsx
@@ -73,7 +73,7 @@ export function TechLookupJobsDrawer({ bodyshop, setPrintCenterContext }) {
 
   return (
     <Drawer
-      visible={!!selected}
+    open={!!selected}
       destroyOnClose
       width={drawerPercentage}
       placement="right"
diff --git a/client/src/components/time-ticket-modal/time-ticket-modal.container.jsx b/client/src/components/time-ticket-modal/time-ticket-modal.container.jsx
index 463b2a80c..c4276a38b 100644
--- a/client/src/components/time-ticket-modal/time-ticket-modal.container.jsx
+++ b/client/src/components/time-ticket-modal/time-ticket-modal.container.jsx
@@ -167,7 +167,7 @@ export function TimeTicketModalContainer({
           : t("timetickets.labels.new")
       }
       width={"90%"}
-      visible={timeTicketModal.visible}
+      open={timeTicketModal.visible}
       forceRender
       onCancel={handleCancel}
       afterClose={() => form.resetFields()}
diff --git a/client/src/pages/phonebook/phonebook.page.container.jsx b/client/src/pages/phonebook/phonebook.page.container.jsx
index a1cd33107..4065fca2f 100644
--- a/client/src/pages/phonebook/phonebook.page.container.jsx
+++ b/client/src/pages/phonebook/phonebook.page.container.jsx
@@ -58,7 +58,7 @@ export function PhonebookContainer({ setBreadcrumbs, setSelectedHeader }) {
           delete search.phonebookentry;
           history.push({ search: queryString.stringify(search) });
         }}
-        visible={phonebookentry}
+        open={phonebookentry}
       >
         <PhonebookFormContainer />
       </Drawer>
diff --git a/client/src/pages/shop-vendor/shop-vendor.page.component.jsx b/client/src/pages/shop-vendor/shop-vendor.page.component.jsx
index 6eb6e2064..dbb99ef98 100644
--- a/client/src/pages/shop-vendor/shop-vendor.page.component.jsx
+++ b/client/src/pages/shop-vendor/shop-vendor.page.component.jsx
@@ -36,7 +36,7 @@ export default function ShopVendorPageComponent() {
           delete search.selectedvendor;
           history.push({ search: queryString.stringify(search) });
         }}
-        visible={selectedvendor}
+        open={selectedvendor}
       >
         <VendorsFormContainer />
       </Drawer>