ywana-core8 0.0.891 → 0.0.893

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.891",
+  "version": "0.0.893",
   "description": "ywana-core8",
   "homepage": "https://ywana.github.io/workspace",
   "author": "Ernesto Roldan Garcia",

package/src/widgets/explorer/Explorer.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import React, { useEffect, useState } from 'react'
 import { TextField, Tree, TreeItem, Icon, DataTable, TreeNode } from '../../html'
 import './Explorer.css'
 
@@ -7,11 +7,19 @@ import './Explorer.css'
  */
 export const FileExplorer = (props) => {
 
-    const { files = [], folders = [] } = props
+    const { files = [], onSelectFile, folders = [], onSelectFolder, defaultView = "grid" } = props
     const [selectedFolder, setSelectedFolder] = useState()
     const [selectedFile, setSelectedFile] = useState()
     const [search, setSearch] = useState()
 
+    useEffect(() => {
+        if (onSelectFile) onSelectFile(selectedFile)
+    }, [selectedFile])
+
+    useEffect(() => {
+        if (onSelectFolder) onSelectFolder(selectedFolder)
+    }, [selectedFolder])
+
     function selectFolder(id) {
         setSelectedFolder(id)
     }
@@ -29,10 +37,10 @@ export const FileExplorer = (props) => {
 
     return (
         <FileExplorerView
-            title="File Explorer Test"
             folders={folders} selectedFolder={selectedFolder} onSelectFolder={selectFolder}
             files={selectedFiles} selectedFile={selectedFile} onSelectFile={selectFile}
             search={search} onSearch={searchChanged}
+            selectedView={defaultView}
         />
     )
 }
@@ -42,9 +50,9 @@ export const FileExplorer = (props) => {
  */
 export const FileExplorerView = (props) => {
 
-    const { folders = [], selectedFolder, onSelectFolder, files = [], selectedFile, onSelectFile, search, onSearch } = props
+    const { folders = [], selectedFolder, onSelectFolder, files = [], selectedFile, onSelectFile, search, onSearch, selectedView = "grid" } = props
 
-    const [view, setView] = useState('list')
+    const [view, setView] = useState(selectedView)
 
     const folder = folders.find(folder => folder.id === selectedFolder)
     const folderTitle = folder ? folder.title : ''
@@ -53,7 +61,6 @@ export const FileExplorerView = (props) => {
         setView(view === 'grid' ? 'list' : 'grid')
     }
 
-
     return (
         <div className="file-explorer">
             <nav>
@@ -85,7 +92,6 @@ export const FoldersTreeView = (props) => {
         return selected === id
     }
 
-    console.log("FoldersTreeView", folders)
     return (
         <Tree>
             {folders.map(folder => {