ywana-core8 0.0.946 → 0.0.948

package/package.json

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

package/src/html/table.js

@@ -123,7 +123,7 @@ export const DataTable = (props) => {
                 </thead>
                 <tbody>
 
-                    {filterable ? <DataTableFiltersRow columns={columns} /> : null}
+                    {filterable ? <DataTableFiltersRow columns={columns} onClear={onClearFilters} /> : null}
 
                     {rows.length > 0 ?
                         multiSort(rows, sortDir).map((row, index) => (
@@ -148,7 +148,7 @@ export const DataTable = (props) => {
 /**
  * DataTableFiltersRow
  */
-const DataTableFiltersRow = ({ columns }) => {
+const DataTableFiltersRow = ({ columns, onClear }) => {
 
     const [form, setForm] = useState({})
 
@@ -159,6 +159,7 @@ const DataTableFiltersRow = ({ columns }) => {
 
     function clear() {
         setForm({})
+        if (onClear) onClear()
     }
 
     const dirty = Object.keys(form).length > 0  // dirty if there are filters set
@@ -166,10 +167,12 @@ const DataTableFiltersRow = ({ columns }) => {
     return (
         <tr className="filters-row">
             {columns.map(({ id, filterable, onFilter, options }) => {
+
+                const value = form[id] ? form[id] : ''
                 const field = options ?
-                    <DropDown id={id} value={form[id]} options={options} onChange={(id, value) => changeFilter(id, value, onFilter)} outlined />
+                    <DropDown id={id} value={value} options={options} onChange={(id, value) => changeFilter(id, value, onFilter)} outlined />
                     :
-                    <TextField id={id} value={form[id]} onChange={(id, value) => changeFilter(id, value, onFilter)} outlined />
+                    <TextField id={id} value={value} onChange={(id, value) => changeFilter(id, value, onFilter)} outlined />
                 return (
                     <td className='filter-cell'>
                         {filterable ? field : null}