ywana-core8 0.0.946 → 0.0.948
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +10 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.modern.js +10 -5
- package/dist/index.modern.js.map +1 -1
- package/dist/index.umd.js +10 -5
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/html/table.js +7 -4
package/dist/index.modern.js
CHANGED
|
@@ -1696,7 +1696,8 @@ var DataTable = function DataTable(props) {
|
|
|
1696
1696
|
_props$multisort = props.multisort,
|
|
1697
1697
|
multisort = _props$multisort === void 0 ? false : _props$multisort,
|
|
1698
1698
|
_props$filterable = props.filterable,
|
|
1699
|
-
filterable = _props$filterable === void 0 ? false : _props$filterable
|
|
1699
|
+
filterable = _props$filterable === void 0 ? false : _props$filterable,
|
|
1700
|
+
onClearFilters = props.onClearFilters;
|
|
1700
1701
|
var _useState = useState({}),
|
|
1701
1702
|
sortDir = _useState[0],
|
|
1702
1703
|
setSortDir = _useState[1];
|
|
@@ -1818,7 +1819,8 @@ var DataTable = function DataTable(props) {
|
|
|
1818
1819
|
return /*#__PURE__*/React.createElement("th", null, field.label);
|
|
1819
1820
|
});
|
|
1820
1821
|
}))), /*#__PURE__*/React.createElement("tbody", null, filterable ? /*#__PURE__*/React.createElement(DataTableFiltersRow, {
|
|
1821
|
-
columns: columns
|
|
1822
|
+
columns: columns,
|
|
1823
|
+
onClear: onClearFilters
|
|
1822
1824
|
}) : null, rows.length > 0 ? multiSort(rows, sortDir).map(function (row, index) {
|
|
1823
1825
|
return /*#__PURE__*/React.createElement(DataTableRow, {
|
|
1824
1826
|
key: row.id,
|
|
@@ -1843,7 +1845,8 @@ var DataTable = function DataTable(props) {
|
|
|
1843
1845
|
* DataTableFiltersRow
|
|
1844
1846
|
*/
|
|
1845
1847
|
var DataTableFiltersRow = function DataTableFiltersRow(_ref4) {
|
|
1846
|
-
var columns = _ref4.columns
|
|
1848
|
+
var columns = _ref4.columns,
|
|
1849
|
+
onClear = _ref4.onClear;
|
|
1847
1850
|
var _useState3 = useState({}),
|
|
1848
1851
|
form = _useState3[0],
|
|
1849
1852
|
setForm = _useState3[1];
|
|
@@ -1854,6 +1857,7 @@ var DataTableFiltersRow = function DataTableFiltersRow(_ref4) {
|
|
|
1854
1857
|
}
|
|
1855
1858
|
function clear() {
|
|
1856
1859
|
setForm({});
|
|
1860
|
+
if (onClear) onClear();
|
|
1857
1861
|
}
|
|
1858
1862
|
var dirty = Object.keys(form).length > 0; // dirty if there are filters set
|
|
1859
1863
|
|
|
@@ -1864,9 +1868,10 @@ var DataTableFiltersRow = function DataTableFiltersRow(_ref4) {
|
|
|
1864
1868
|
filterable = _ref5.filterable,
|
|
1865
1869
|
onFilter = _ref5.onFilter,
|
|
1866
1870
|
options = _ref5.options;
|
|
1871
|
+
var value = form[id] ? form[id] : '';
|
|
1867
1872
|
var field = options ? /*#__PURE__*/React.createElement(DropDown, {
|
|
1868
1873
|
id: id,
|
|
1869
|
-
value:
|
|
1874
|
+
value: value,
|
|
1870
1875
|
options: options,
|
|
1871
1876
|
onChange: function onChange(id, value) {
|
|
1872
1877
|
return changeFilter(id, value, onFilter);
|
|
@@ -1874,7 +1879,7 @@ var DataTableFiltersRow = function DataTableFiltersRow(_ref4) {
|
|
|
1874
1879
|
outlined: true
|
|
1875
1880
|
}) : /*#__PURE__*/React.createElement(TextField, {
|
|
1876
1881
|
id: id,
|
|
1877
|
-
value:
|
|
1882
|
+
value: value,
|
|
1878
1883
|
onChange: function onChange(id, value) {
|
|
1879
1884
|
return changeFilter(id, value, onFilter);
|
|
1880
1885
|
},
|