ywana-core8 0.0.865 → 0.0.867

package/dist/index.umd.js

@@ -1610,7 +1610,9 @@
         _props$emptyMessage = props.emptyMessage,
         emptyMessage = _props$emptyMessage === void 0 ? "No Results Found" : _props$emptyMessage,
         _props$multisort = props.multisort,
-        multisort = _props$multisort === void 0 ? false : _props$multisort;
+        multisort = _props$multisort === void 0 ? false : _props$multisort,
+        _props$filterable = props.filterable,
+        filterable = _props$filterable === void 0 ? false : _props$filterable;
       var _useState = React.useState({}),
         sortDir = _useState[0],
         setSortDir = _useState[1];
@@ -1731,7 +1733,9 @@
         }).map(function (field) {
           return /*#__PURE__*/React__default["default"].createElement("th", null, field.label);
         });
-      }))), /*#__PURE__*/React__default["default"].createElement("tbody", null, rows.length > 0 ? multiSort(rows, sortDir).map(function (row, index) {
+      }))), /*#__PURE__*/React__default["default"].createElement("tbody", null, filterable ? /*#__PURE__*/React__default["default"].createElement(DataTableFiltersRow, {
+        columns: columns
+      }) : null, rows.length > 0 ? multiSort(rows, sortDir).map(function (row, index) {
         return /*#__PURE__*/React__default["default"].createElement(DataTableRow, {
           key: row.id,
           index: index,
@@ -1750,6 +1754,22 @@
         icon: "search_off"
       }), /*#__PURE__*/React__default["default"].createElement(Text, null, emptyMessage)))))));
     };
+    var DataTableFiltersRow = function DataTableFiltersRow(_ref4) {
+      var columns = _ref4.columns;
+      return /*#__PURE__*/React__default["default"].createElement("tr", {
+        className: "filters-row"
+      }, columns.map(function (_ref5) {
+        var id = _ref5.id,
+          filterable = _ref5.filterable,
+          onFilter = _ref5.onFilter;
+        return /*#__PURE__*/React__default["default"].createElement("td", {
+          className: "filter-cell"
+        }, filterable ? /*#__PURE__*/React__default["default"].createElement(TextField, {
+          id: id,
+          onChange: onFilter
+        }) : null);
+      }));
+    };
 
     /**
      * DataTable Row
@@ -1802,12 +1822,12 @@
     /**
      * DataTable Cell
      */
-    var DataTableCell = function DataTableCell(_ref4) {
-      var index = _ref4.index,
-        row = _ref4.row,
-        column = _ref4.column,
-        cell = _ref4.cell,
-        editable = _ref4.editable;
+    var DataTableCell = function DataTableCell(_ref6) {
+      var index = _ref6.index,
+        row = _ref6.row,
+        column = _ref6.column,
+        cell = _ref6.cell,
+        editable = _ref6.editable;
       var render = function render(type) {
         var id = column.id,
           _column$disabled = column.disabled,
@@ -1959,9 +1979,9 @@
      * @param {*} param0 
      * @returns 
      */
-    var EntityCellViewer = function EntityCellViewer(_ref5) {
-      var item = _ref5.item,
-        value = _ref5.value;
+    var EntityCellViewer = function EntityCellViewer(_ref7) {
+      var item = _ref7.item,
+        value = _ref7.value;
       var fields = Object.values(item).filter(function (field) {
         return field.column === true;
       });
@@ -2026,9 +2046,9 @@
     /**
      * Boolean Cell Viewer
      */
-    var BooleanCellViewer = function BooleanCellViewer(_ref6) {
-      var _ref6$value = _ref6.value,
-        value = _ref6$value === void 0 ? false : _ref6$value;
+    var BooleanCellViewer = function BooleanCellViewer(_ref8) {
+      var _ref8$value = _ref8.value,
+        value = _ref8$value === void 0 ? false : _ref8$value;
       var icon = value === true ? "check_box" : "check_box_outline_blank";
       return /*#__PURE__*/React__default["default"].createElement(Icon, {
         icon: icon
@@ -2038,10 +2058,10 @@
     /**
      * NumberCellViewer
      */
-    var NumberCellViewer = function NumberCellViewer(_ref7) {
-      var value = _ref7.value,
-        format = _ref7.format,
-        maxDecimals = _ref7.maxDecimals;
+    var NumberCellViewer = function NumberCellViewer(_ref9) {
+      var value = _ref9.value,
+        format = _ref9.format,
+        maxDecimals = _ref9.maxDecimals;
       /*
           function formatNumber(number) {
               // convert number to numeric
@@ -2111,12 +2131,12 @@
     /**
      * String Cell Viewer
      */
-    var StringCellViewer = function StringCellViewer(_ref8) {
-      var id = _ref8.id,
-        value = _ref8.value,
-        format = _ref8.format,
-        options = _ref8.options,
-        action = _ref8.action;
+    var StringCellViewer = function StringCellViewer(_ref10) {
+      var id = _ref10.id,
+        value = _ref10.value,
+        format = _ref10.format,
+        options = _ref10.options,
+        action = _ref10.action;
       function buildOptions() {
         var opts = typeof options === 'function' ? options() : options;
         return opts;
@@ -2186,12 +2206,12 @@
     /**
      * String Cell Editor
      */
-    var StringCellEditor = function StringCellEditor(_ref9) {
-      var id = _ref9.id,
-        _ref9$value = _ref9.value,
-        value = _ref9$value === void 0 ? '' : _ref9$value,
-        options = _ref9.options,
-        onChange = _ref9.onChange;
+    var StringCellEditor = function StringCellEditor(_ref11) {
+      var id = _ref11.id,
+        _ref11$value = _ref11.value,
+        value = _ref11$value === void 0 ? '' : _ref11$value,
+        options = _ref11.options,
+        onChange = _ref11.onChange;
       function change(id, value) {
         if (onChange) onChange(id, value);
       }