[TSVB] Remove jQuery dependency from plugins (#83809) (#84302)

* Use rxjs instead of jquery for eventBus.

* Fix comments

* Removed one check because property is private.

* Resolve comments

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>

src/plugins/vis_type_timeseries/public/application/visualizations/lib/active_cursor.js → src/plugins/vis_type_timeseries/public/application/visualizations/lib/active_cursor.ts

@@ -17,9 +17,7 @@
  * under the License.
  */
 
-// TODO: Remove bus when action/triggers are available with LegacyPluginApi or metric is converted to Embeddable
-import $ from 'jquery';
+import { Subject } from 'rxjs';
+import { PointerEvent } from '@elastic/charts';
 
-export const ACTIVE_CURSOR = 'ACTIVE_CURSOR';
-
-export const eventBus = $({});
+export const activeCursor$ = new Subject<PointerEvent>();

src/plugins/vis_type_timeseries/public/application/visualizations/views/timeseries/index.js

@@ -34,7 +34,7 @@ import {
 } from '@elastic/charts';
 import { EuiIcon } from '@elastic/eui';
 import { getTimezone } from '../../../lib/get_timezone';
-import { eventBus, ACTIVE_CURSOR } from '../../lib/active_cursor';
+import { activeCursor$ } from '../../lib/active_cursor';
 import { getUISettings, getChartsSetup } from '../../../../services';
 import { GRID_LINE_CONFIG, ICON_TYPES_MAP, STACKED_OPTIONS } from '../../constants';
 import { AreaSeriesDecorator } from './decorators/area_decorator';
@@ -54,7 +54,7 @@ const generateAnnotationData = (values, formatter) =>
 const decorateFormatter = (formatter) => ({ value }) => formatter(value);
 
 const handleCursorUpdate = (cursor) => {
-  eventBus.trigger(ACTIVE_CURSOR, cursor);
+  activeCursor$.next(cursor);
 };
 
 export const TimeSeries = ({
@@ -73,16 +73,16 @@ export const TimeSeries = ({
   const chartRef = useRef();
 
   useEffect(() => {
-    const updateCursor = (_, cursor) => {
+    const updateCursor = (cursor) => {
       if (chartRef.current) {
         chartRef.current.dispatchExternalPointerEvent(cursor);
       }
     };
 
-    eventBus.on(ACTIVE_CURSOR, updateCursor);
+    const subscription = activeCursor$.subscribe(updateCursor);
 
     return () => {
-      eventBus.off(ACTIVE_CURSOR, undefined, updateCursor);
+      subscription.unsubscribe();
     };
   }, []);