[Discover] Enable data view editing from flyout

src/plugins/discover/public/application/main/components/sidebar/discover_sidebar_responsive.tsx

@@ -182,7 +182,11 @@ export function DiscoverSidebarResponsive(props: DiscoverSidebarResponsiveProps)
   }, [props.documents$, dispatchSidebarStateAction, selectedDataViewRef]);
 
   useEffect(() => {
-    if (selectedDataView !== selectedDataViewRef.current) {
+    if (
+      selectedDataView &&
+      selectedDataViewRef.current &&
+      selectedDataView?.id !== selectedDataViewRef.current?.id
+    ) {
       dispatchSidebarStateAction({
         type: DiscoverSidebarReducerActionType.DATA_VIEW_SWITCHED,
         payload: {

src/plugins/discover/public/application/main/components/top_nav/discover_topnav.tsx

@@ -185,6 +185,18 @@ export const DiscoverTopNav = ({
     ]
   );
 
+  const onEditDataView = async (editedDataView: DataView) => {
+    const dataViewId = editedDataView.id!;
+    if (editedDataView.isPersisted()) {
+      // refetch data view to force react state update
+      // by creating new data view reference in the state
+      dataViews.clearInstanceCache(dataViewId);
+      stateContainer.actions.setDataView(await dataViews.get(dataViewId));
+    } else {
+      await updateAdHocDataViewId(editedDataView);
+    }
+  };
+
   const updateSavedQueryId = (newSavedQueryId: string | undefined) => {
     const { appState, setAppState } = stateContainer;
     if (newSavedQueryId) {
@@ -220,6 +232,7 @@ export const DiscoverTopNav = ({
     textBasedLanguages: supportedTextBasedLanguages as DataViewPickerProps['textBasedLanguages'],
     adHocDataViews,
     savedDataViews,
+    onEditDataView,
   };
 
   const onTextBasedSavedAndExit = useCallback(