fix: renaming handlers

src/components/Explorer/FileExplorer.tsx

@@ -224,13 +224,13 @@ export const FileExplorerRowElement = ({
       aria-level={row.level + 1}
       aria-expanded={row.isFolder && row.isOpen}
       onClick={() => {
-        row.rowClicked(row.domIndex)
+        row.onClick(row.domIndex)
       }}
       draggable="true"
       onDragOver={(event) => {
         if (!row.isOpen && row.isFolder) {
           // on drag over, open!
-          row.rowOpen()
+          row.onOpen()
         }
         event.preventDefault()
       }}

src/components/Explorer/ProjectExplorer.tsx

@@ -158,10 +158,10 @@ export const ProjectExplorer = ({
           status: StatusDot(),
           isOpen,
           render: render,
-          rowClicked: (domIndex: number) => {
+          onClick: (domIndex: number) => {
             onRowClickCallback(child, domIndex)
           },
-          rowOpen: () => {
+          onOpen: () => {
             const newOpenedRows = { ...openedRowsRef.current }
             const key = child.key
             newOpenedRows[key] = true

src/components/Explorer/utils.ts

@@ -17,7 +17,6 @@ export interface FileExplorerRow extends FileExplorerEntry {
   status?: ReactNode
   isOpen: boolean
   render: boolean
-  rowClicked: (domIndex: number) => void
   /**
    * Fake file or folder rows are the placeholders for users to input a value
    * and write that to disk to be read as a real one.
@@ -25,7 +24,10 @@ export interface FileExplorerRow extends FileExplorerEntry {
    */
   isFake: boolean
   activeIndex: number
-  rowOpen: () => void
+
+  /* handlers */
+  onClick: (domIndex: number) => void
+  onOpen: () => void
 }
 
 export interface FileExplorerRender extends FileExplorerRow {