ywana-core8 0.0.895 → 0.0.897

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.895",
+  "version": "0.0.897",
   "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", defaultFolder } = props
+    const { columns, files = [], onSelectFile, folders = [], onSelectFolder, defaultView = "grid", defaultFolder } = props
     const [selectedFolder, setSelectedFolder] = useState()
     const [selectedFile, setSelectedFile] = useState()
     const [search, setSearch] = useState()
@@ -45,6 +45,7 @@ export const FileExplorer = (props) => {
             files={selectedFiles} selectedFile={selectedFile} onSelectFile={selectFile}
             search={search} onSearch={searchChanged}
             selectedView={defaultView}
+            columns={columns}
         />
     )
 }
@@ -54,7 +55,7 @@ export const FileExplorer = (props) => {
  */
 export const FileExplorerView = (props) => {
 
-    const { folders = [], selectedFolder, onSelectFolder, files = [], selectedFile, onSelectFile, search, onSearch, selectedView = "grid" } = props
+    const { folders = [], selectedFolder, onSelectFolder, columns, files = [], selectedFile, onSelectFile, search, onSearch, selectedView = "grid" } = props
 
     const [view, setView] = useState(selectedView)
 
@@ -82,7 +83,7 @@ export const FileExplorerView = (props) => {
             </menu>
             <main>
                 {view === 'grid' ? <FilesGridView files={files} selected={selectedFile} onSelect={onSelectFile} /> : null}
-                {view === 'list' ? <FilesTableView files={files} selected={selectedFile} onSelect={onSelectFile} /> : null}
+                {view === 'list' ? <FilesTableView columns={columns} files={files} selected={selectedFile} onSelect={onSelectFile} /> : null}
             </main>
         </div>
     )
@@ -176,14 +177,19 @@ export const FileGridItem = (props) => {
 
 export const FilesTableView = (props) => {
 
-    const { files = [], selected, onSelect } = props
+    const { columns, files = [], selected, onSelect } = props
 
     function isSelected(id) {
         return selected === id
     }
 
+    function select(row) {
+        console.log(id)
+        if (onSelect) onSelect(row.id)
+    }
+
     const table = {
-        columns: [
+        columns: columns ? columns : [
             { id: "icon", type: "ICON" },
             { id: "title", label: "Title" },
             { id: "subtitle", label: "Subtitle" },
@@ -193,7 +199,7 @@ export const FilesTableView = (props) => {
 
     return (
         <div className="files-table">
-            <DataTable {...table} />
+            <DataTable {...table} onRowSelection={select}/>
         </div>
     )
 }

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

@@ -106,6 +106,10 @@ const FileExplorerTest = (props) => {
             files={files} 
             onSelectFile={props.onSelectFile}
             onSelectFolder={props.onSelectFolder}
+            columns ={[
+                { id: 'icon', label: 'Icon', minWidth: 100 },
+                { id: 'title', label: 'Titlcccce', minWidth: 100 },
+            ]}
         />
     )
 }