ywana-core8 0.0.865 → 0.0.867

package/dist/index.cjs

@@ -1617,7 +1617,9 @@ var DataTable = function DataTable(props) {
     _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];
@@ -1738,7 +1740,9 @@ var DataTable = function DataTable(props) {
     }).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,
@@ -1757,6 +1761,22 @@ var DataTable = function DataTable(props) {
     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
@@ -1809,12 +1829,12 @@ var DataTableRow = function DataTableRow(props) {
 /**
  * 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,
@@ -1966,9 +1986,9 @@ var DataTableCell = function DataTableCell(_ref4) {
  * @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;
   });
@@ -2033,9 +2053,9 @@ var EntityCellViewer = function EntityCellViewer(_ref5) {
 /**
  * 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
@@ -2045,10 +2065,10 @@ var BooleanCellViewer = function BooleanCellViewer(_ref6) {
 /**
  * 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
@@ -2118,12 +2138,12 @@ var NumberCellViewer = function NumberCellViewer(_ref7) {
 /**
  * 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;
@@ -2193,12 +2213,12 @@ var StringCellViewer = function StringCellViewer(_ref8) {
 /**
  * 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);
   }