Modal visible -> open

Summary: The `visible` prop is marked as deprecated in favour of `open`

Reviewed By: passy

Differential Revision: D49226821

fbshipit-source-id: 4a4a7d03a1c8ff860c4e4cd02e19071185a8554e

desktop/plugins/public/navigation/components/RequiredParametersDialog.tsx

@@ -34,7 +34,7 @@ export function RequiredParametersDialog(props: Props) {
     useRequiredParameterFormValidator(requiredParameters);
   return (
     <Modal
-      visible
+      open
       onCancel={onHide}
       title="Provide bookmark details"
       footer={

desktop/plugins/public/navigation/components/SaveBookmarkDialog.tsx

@@ -56,7 +56,7 @@ export function SaveBookmarkDialog(props: Props) {
     return null;
   } else {
     return (
-      <Modal visible footer={null} onCancel={onHide}>
+      <Modal open footer={null} onCancel={onHide}>
         {(onHide: () => void) => {
           return (
             <Container>

desktop/plugins/public/network/index.tsx

@@ -477,7 +477,7 @@ function showCustomColumnDialog(
     return (
       <Modal
         title="Add custom column"
-        visible
+        open
         onOk={() => {
           const header = form.getFieldValue('header');
           const type = form.getFieldValue('type');
@@ -614,7 +614,7 @@ export function Component() {
           }
         />
         <Modal
-          visible={showMockResponseDialog}
+          open={showMockResponseDialog}
           onCancel={instance.onCloseButtonPressed}
           footer={null}
           title="Mock Network Responses"

desktop/plugins/public/ui-debugger/components/tree/TreeControls.tsx

@@ -141,7 +141,7 @@ function FrameworkEventsMonitoringModal({
   return (
     <Modal
       title="Framework event monitoring"
-      visible={visible}
+      open={visible}
       footer={null}
       onCancel={onCancel}>
       <Space direction="vertical" size="large">

desktop/plugins/public/ui-debugger/components/visualizer/Visualization2D.tsx

@@ -353,7 +353,7 @@ const DelayedHoveredToolTip: React.FC<{
 
   return (
     <Tooltip
-      visible={isVisible}
+      open={isVisible}
       key={nodeId}
       placement="top"
       zIndex={100}

desktop/plugins/public/ui-debugger/components/visualizer/VisualizerControls.tsx

@@ -7,7 +7,7 @@
  * @format
  */
 
-import {Button, Dropdown, Menu, Slider, Tooltip, Typography} from 'antd';
+import {Button, Dropdown, Slider, Tooltip, Typography} from 'antd';
 import {Layout, produce, theme, usePlugin} from 'flipper-plugin';
 import {ClientNode, Id} from '../../ClientTypes';
 import {plugin} from '../../index';
@@ -85,7 +85,6 @@ export function VisualiserControls({
         {targetMode.state === 'selected' && (
           <Slider
             min={0}
-            tooltipVisible={false}
             value={targetMode.sliderPosition}
             max={targetMode.targetedNodes.length - 1}
             onChange={(value) => {