ywana-core8 0.1.9 → 0.1.11

package/package.json

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

package/src/html/table.js

@@ -4,8 +4,9 @@ import { DropDown, TextField } from './textfield'
 import { CheckBox } from './checkbox'
 import { Icon } from './icon'
 import { Text } from './text'
-import './table.css'
+import { EmptyMessage } from '../widgets'
 import { Uploader } from '../widgets/upload/Uploader'
+import './table.css'
 
 const isFunction = value => value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
 
@@ -14,7 +15,7 @@ const isFunction = value => value && (Object.prototype.toString.call(value) ===
  */
 export const DataTable = (props) => {
 
-    const { columns = [], rows = [], onRowSelection, onSort, onCheckAll, editable, outlined, expanded = false, className, emptyMessage = "No Results Found", multisort = false, filterable = false, onClearFilters } = props
+    const { columns = [], rows = [], onRowSelection, onSort, onCheckAll, editable, outlined, expanded = false, className, emptyMessage = "No Results Found", emptyIcon="search_off", multisort = false, filterable = false, onClearFilters } = props
     const [sortDir, setSortDir] = useState({})
     const [allChecked, setAllChecked] = useState(false)
 
@@ -132,10 +133,7 @@ export const DataTable = (props) => {
                         )) : (
                             <tr>
                                 <td colSpan={1000}>
-                                    <div className='empty-message'>
-                                        <Icon icon="search_off" />
-                                        <Text>{emptyMessage}</Text>
-                                    </div>
+                                    <EmptyMessage icon={emptyIcon ? emptyIcon : "search_off"} text={emptyMessage} className="empty-message" />
                                 </td>
                             </tr>
                         )
@@ -167,11 +165,11 @@ const DataTableFiltersRow = ({ columns, onClear }) => {
 
     return (
         <tr className="filters-row">
-            {columns.map(({ id, filterable, onFilter, options }) => {
+            {columns.map(({ id, filterable, onFilter, predictive=false, options }) => {
 
                 const value = form[id] ? form[id] : ''
                 const field = options ?
-                    <DropDown id={id} value={value} options={options} onChange={(id, value) => changeFilter(id, value, onFilter)} outlined />
+                    <DropDown id={id} value={value} options={options} predictive={predictive} onChange={(id, value) => changeFilter(id, value, onFilter)} outlined />
                     :
                     <TextField id={id} value={value} onChange={(id, value) => changeFilter(id, value, onFilter)} outlined />
                 return (
@@ -222,7 +220,6 @@ const DataTableCell = ({ index, row, column, cell, editable }) => {
     const render = (type) => {
         const { id, disabled = false, min, max, onChange, format, options, item, action, maxDecimals } = column
 
-
         if (id === "checked") {
             return row.checkDisabled ? null : <CheckBox id={id} value={cell} onChange={(id, value) => onChange(row.id, id, value)} />
         } else if (editable && onChange) {