ywana-core8 0.0.894 → 0.0.895

package/package.json

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

package/src/widgets/explorer/Explorer.js

@@ -7,7 +7,7 @@ import './Explorer.css'
  */
 export const FileExplorer = (props) => {
 
-    const { files = [], onSelectFile, folders = [], onSelectFolder, defaultView = "grid" } = props
+    const { files = [], onSelectFile, folders = [], onSelectFolder, defaultView = "grid", defaultFolder } = props
     const [selectedFolder, setSelectedFolder] = useState()
     const [selectedFile, setSelectedFile] = useState()
     const [search, setSearch] = useState()
@@ -20,6 +20,10 @@ export const FileExplorer = (props) => {
         if (onSelectFolder) onSelectFolder(selectedFolder)
     }, [selectedFolder])
 
+    useEffect(() => {
+        if (defaultFolder) setSelectedFolder(defaultFolder)
+    }, [defaultFolder])
+
     function selectFolder(id) {
         setSelectedFolder(id)
     }

package/src/widgets/explorer/Explorer.test.js

@@ -1,6 +1,6 @@
 import React, { useState } from 'react'
 import { Button } from '../../html'
-import { FileExplorerView, FileIconsView } from './explorer'
+import { FileExplorer, FileExplorerView, FileIconsView } from './explorer'
 
 
 const thumb1 = "https://findicons.com/files/icons/2813/flat_jewels/256/file.png"
@@ -63,9 +63,9 @@ const folders = [
 ]
 
 
-const FileExplorerTest = (props) => {
+const FileExplorerViewTest = (props) => {
     
-    const [selectedFolder, setSelectedFolder] = useState("10002")
+    const [selectedFolder, setSelectedFolder] = useState()
     const [selectedFile, setSelectedFile] = useState()
     const [search, setSearch] = useState()
     
@@ -95,3 +95,17 @@ const FileExplorerTest = (props) => {
         </div>
     )
 }
+
+
+const FileExplorerTest = (props) => {
+
+    return (
+        <FileExplorer 
+            title="File Explorer Test" 
+            folders={folders} defaultFolder="10004"
+            files={files} 
+            onSelectFile={props.onSelectFile}
+            onSelectFolder={props.onSelectFolder}
+        />
+    )
+}