ywana-core8 0.0.865 → 0.0.867

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 CHANGED
@@ -1617,7 +1617,9 @@ var DataTable = function DataTable(props) {
1617
1617
  _props$emptyMessage = props.emptyMessage,
1618
1618
  emptyMessage = _props$emptyMessage === void 0 ? "No Results Found" : _props$emptyMessage,
1619
1619
  _props$multisort = props.multisort,
1620
- multisort = _props$multisort === void 0 ? false : _props$multisort;
1620
+ multisort = _props$multisort === void 0 ? false : _props$multisort,
1621
+ _props$filterable = props.filterable,
1622
+ filterable = _props$filterable === void 0 ? false : _props$filterable;
1621
1623
  var _useState = React.useState({}),
1622
1624
  sortDir = _useState[0],
1623
1625
  setSortDir = _useState[1];
@@ -1738,7 +1740,9 @@ var DataTable = function DataTable(props) {
1738
1740
  }).map(function (field) {
1739
1741
  return /*#__PURE__*/React__default["default"].createElement("th", null, field.label);
1740
1742
  });
1741
- }))), /*#__PURE__*/React__default["default"].createElement("tbody", null, rows.length > 0 ? multiSort(rows, sortDir).map(function (row, index) {
1743
+ }))), /*#__PURE__*/React__default["default"].createElement("tbody", null, filterable ? /*#__PURE__*/React__default["default"].createElement(DataTableFiltersRow, {
1744
+ columns: columns
1745
+ }) : null, rows.length > 0 ? multiSort(rows, sortDir).map(function (row, index) {
1742
1746
  return /*#__PURE__*/React__default["default"].createElement(DataTableRow, {
1743
1747
  key: row.id,
1744
1748
  index: index,
@@ -1757,6 +1761,22 @@ var DataTable = function DataTable(props) {
1757
1761
  icon: "search_off"
1758
1762
  }), /*#__PURE__*/React__default["default"].createElement(Text, null, emptyMessage)))))));
1759
1763
  };
1764
+ var DataTableFiltersRow = function DataTableFiltersRow(_ref4) {
1765
+ var columns = _ref4.columns;
1766
+ return /*#__PURE__*/React__default["default"].createElement("tr", {
1767
+ className: "filters-row"
1768
+ }, columns.map(function (_ref5) {
1769
+ var id = _ref5.id,
1770
+ filterable = _ref5.filterable,
1771
+ onFilter = _ref5.onFilter;
1772
+ return /*#__PURE__*/React__default["default"].createElement("td", {
1773
+ className: "filter-cell"
1774
+ }, filterable ? /*#__PURE__*/React__default["default"].createElement(TextField, {
1775
+ id: id,
1776
+ onChange: onFilter
1777
+ }) : null);
1778
+ }));
1779
+ };
1760
1780
 
1761
1781
  /**
1762
1782
  * DataTable Row
@@ -1809,12 +1829,12 @@ var DataTableRow = function DataTableRow(props) {
1809
1829
  /**
1810
1830
  * DataTable Cell
1811
1831
  */
1812
- var DataTableCell = function DataTableCell(_ref4) {
1813
- var index = _ref4.index,
1814
- row = _ref4.row,
1815
- column = _ref4.column,
1816
- cell = _ref4.cell,
1817
- editable = _ref4.editable;
1832
+ var DataTableCell = function DataTableCell(_ref6) {
1833
+ var index = _ref6.index,
1834
+ row = _ref6.row,
1835
+ column = _ref6.column,
1836
+ cell = _ref6.cell,
1837
+ editable = _ref6.editable;
1818
1838
  var render = function render(type) {
1819
1839
  var id = column.id,
1820
1840
  _column$disabled = column.disabled,
@@ -1966,9 +1986,9 @@ var DataTableCell = function DataTableCell(_ref4) {
1966
1986
  * @param {*} param0
1967
1987
  * @returns
1968
1988
  */
1969
- var EntityCellViewer = function EntityCellViewer(_ref5) {
1970
- var item = _ref5.item,
1971
- value = _ref5.value;
1989
+ var EntityCellViewer = function EntityCellViewer(_ref7) {
1990
+ var item = _ref7.item,
1991
+ value = _ref7.value;
1972
1992
  var fields = Object.values(item).filter(function (field) {
1973
1993
  return field.column === true;
1974
1994
  });
@@ -2033,9 +2053,9 @@ var EntityCellViewer = function EntityCellViewer(_ref5) {
2033
2053
  /**
2034
2054
  * Boolean Cell Viewer
2035
2055
  */
2036
- var BooleanCellViewer = function BooleanCellViewer(_ref6) {
2037
- var _ref6$value = _ref6.value,
2038
- value = _ref6$value === void 0 ? false : _ref6$value;
2056
+ var BooleanCellViewer = function BooleanCellViewer(_ref8) {
2057
+ var _ref8$value = _ref8.value,
2058
+ value = _ref8$value === void 0 ? false : _ref8$value;
2039
2059
  var icon = value === true ? "check_box" : "check_box_outline_blank";
2040
2060
  return /*#__PURE__*/React__default["default"].createElement(Icon, {
2041
2061
  icon: icon
@@ -2045,10 +2065,10 @@ var BooleanCellViewer = function BooleanCellViewer(_ref6) {
2045
2065
  /**
2046
2066
  * NumberCellViewer
2047
2067
  */
2048
- var NumberCellViewer = function NumberCellViewer(_ref7) {
2049
- var value = _ref7.value,
2050
- format = _ref7.format,
2051
- maxDecimals = _ref7.maxDecimals;
2068
+ var NumberCellViewer = function NumberCellViewer(_ref9) {
2069
+ var value = _ref9.value,
2070
+ format = _ref9.format,
2071
+ maxDecimals = _ref9.maxDecimals;
2052
2072
  /*
2053
2073
  function formatNumber(number) {
2054
2074
  // convert number to numeric
@@ -2118,12 +2138,12 @@ var NumberCellViewer = function NumberCellViewer(_ref7) {
2118
2138
  /**
2119
2139
  * String Cell Viewer
2120
2140
  */
2121
- var StringCellViewer = function StringCellViewer(_ref8) {
2122
- var id = _ref8.id,
2123
- value = _ref8.value,
2124
- format = _ref8.format,
2125
- options = _ref8.options,
2126
- action = _ref8.action;
2141
+ var StringCellViewer = function StringCellViewer(_ref10) {
2142
+ var id = _ref10.id,
2143
+ value = _ref10.value,
2144
+ format = _ref10.format,
2145
+ options = _ref10.options,
2146
+ action = _ref10.action;
2127
2147
  function buildOptions() {
2128
2148
  var opts = typeof options === 'function' ? options() : options;
2129
2149
  return opts;
@@ -2193,12 +2213,12 @@ var StringCellViewer = function StringCellViewer(_ref8) {
2193
2213
  /**
2194
2214
  * String Cell Editor
2195
2215
  */
2196
- var StringCellEditor = function StringCellEditor(_ref9) {
2197
- var id = _ref9.id,
2198
- _ref9$value = _ref9.value,
2199
- value = _ref9$value === void 0 ? '' : _ref9$value,
2200
- options = _ref9.options,
2201
- onChange = _ref9.onChange;
2216
+ var StringCellEditor = function StringCellEditor(_ref11) {
2217
+ var id = _ref11.id,
2218
+ _ref11$value = _ref11.value,
2219
+ value = _ref11$value === void 0 ? '' : _ref11$value,
2220
+ options = _ref11.options,
2221
+ onChange = _ref11.onChange;
2202
2222
  function change(id, value) {
2203
2223
  if (onChange) onChange(id, value);
2204
2224
  }