ywana-core8 0.1.9 → 0.1.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "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>
                         )