ywana-core8 0.0.898 → 0.0.900

package/package.json

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

package/src/html/menu.js

@@ -54,7 +54,7 @@ export const MenuIcon = (props) => {
  */
 export const MenuItem = (props) => {
 
-    const { id, icon, label, meta, disabled=false, onSelect } = props
+    const { id, icon, label, meta, disabled=false, size="normal", onSelect } = props
     const [open, setOpen] = useContext(MenuContext)
 
     function select() {
@@ -69,7 +69,7 @@ export const MenuItem = (props) => {
 
     return (
         <li className={`menu-item ${style}`} onClick={select}>
-            {icon ? <Icon icon={icon} /> : null}
+            {icon ? <Icon icon={icon} size={size} /> : null}
             <label>{labelTxt}</label>
             {meta ? <div className="meta">{meta}</div> : null}
         </li>

package/src/widgets/explorer/Explorer.js

@@ -7,7 +7,7 @@ import './Explorer.css'
  */
 export const FileExplorer = (props) => {
 
-    const { columns, files = [], onSelectFile, folders = [], onSelectFolder, defaultView = "grid", defaultFolder } = props
+    const { columns, files = [], onSelectFile, folders = [], onSelectFolder, defaultView = "grid", defaultFolder, filterableColumns = false } = props
     const [selectedFolder, setSelectedFolder] = useState()
     const [selectedFile, setSelectedFile] = useState()
     const [search, setSearch] = useState()
@@ -45,7 +45,7 @@ export const FileExplorer = (props) => {
             files={selectedFiles} selectedFile={selectedFile} onSelectFile={selectFile}
             search={search} onSearch={searchChanged}
             selectedView={defaultView}
-            columns={columns}
+            columns={columns} filterableColumns={filterableColumns}
         />
     )
 }
@@ -55,7 +55,7 @@ export const FileExplorer = (props) => {
  */
 export const FileExplorerView = (props) => {
 
-    const { folders = [], selectedFolder, onSelectFolder, columns, files = [], selectedFile, onSelectFile, search, onSearch, selectedView = "grid" } = props
+    const { folders = [], selectedFolder, onSelectFolder, columns, files = [], selectedFile, onSelectFile, search, onSearch, selectedView = "grid", filterableColumns = false } = props
 
     const [view, setView] = useState(selectedView)
 
@@ -83,7 +83,7 @@ export const FileExplorerView = (props) => {
             </menu>
             <main>
                 {view === 'grid' ? <FilesGridView files={files} selected={selectedFile} onSelect={onSelectFile} /> : null}
-                {view === 'list' ? <FilesTableView columns={columns} files={files} selected={selectedFile} onSelect={onSelectFile} /> : null}
+                {view === 'list' ? <FilesTableView columns={columns} files={files} selected={selectedFile} onSelect={onSelectFile} filterableColumns={filterableColumns} /> : null}
             </main>
         </div>
     )
@@ -177,7 +177,7 @@ export const FileGridItem = (props) => {
 
 export const FilesTableView = (props) => {
 
-    const { columns, files = [], selected, onSelect } = props
+    const { columns, files = [], selected, onSelect, filterableColumns = false } = props
 
     function isSelected(id) {
         return selected === id
@@ -198,7 +198,7 @@ export const FilesTableView = (props) => {
 
     return (
         <div className="files-table">
-            <DataTable {...table} onRowSelection={select}/>
+            <DataTable {...table} onRowSelection={select} filterable={filterableColumns}/>
         </div>
     )
 }