Add event callbacks for explorers

Author: javizqh

package.json

@@ -1,6 +1,6 @@
 {
   "name": "jderobot-ide-interface",
-  "version": "0.1.60",
+  "version": "0.1.61",
   "main": "dist/main.js",
   "typings": "dist/index.d.ts",
   "files": [

src/components/Explorer/Explorer.tsx

@@ -19,7 +19,7 @@ import {
   ResetIcon,
   RenameIcon,
 } from "Assets";
-import { useError, useTheme } from "Utils";
+import { subscribe, unsubscribe, useError, useTheme } from "Utils";
 import {
   StyledSidebarContainer,
   StyledSidebarEntry,
@@ -70,6 +70,14 @@ const Explorer = ({
     updateSelectedLocation(undefined);
   }, [selectedEntry]);
 
+  useEffect(() => {
+    subscribe(`updateExplorer-${api.name}`, fetchFileList);
+
+    return () => {
+      unsubscribe(`updateExplorer-${api.name}`, () => {});
+    };
+  }, []);
+
   // useEffect(() => {
   //   if (forceUpdate.value) {
   //     forceUpdate.callback(false);

src/components/Modals/Modal.tsx

@@ -306,11 +306,11 @@ export const ModalEditableList = ({
 export const ModalActionList = ({
   list,
   title,
-  onSelect,
+  selected,
 }: {
   list: { name: string; component: JSX.Element }[];
   title?: string;
-  onSelect: (event: any, entry: string) => void;
+  selected: string;
 }) => {
   const theme = useTheme();
   const [isOpen, open] = useState<string | undefined>(undefined);