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 +50 -30
- package/dist/index.cjs.map +1 -1
- package/dist/index.modern.js +50 -30
- package/dist/index.modern.js.map +1 -1
- package/dist/index.umd.js +50 -30
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/html/table.js +33 -16
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,
|
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(
|
1813
|
-
var index =
|
1814
|
-
row =
|
1815
|
-
column =
|
1816
|
-
cell =
|
1817
|
-
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(
|
1970
|
-
var item =
|
1971
|
-
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(
|
2037
|
-
var
|
2038
|
-
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(
|
2049
|
-
var value =
|
2050
|
-
format =
|
2051
|
-
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(
|
2122
|
-
var id =
|
2123
|
-
value =
|
2124
|
-
format =
|
2125
|
-
options =
|
2126
|
-
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(
|
2197
|
-
var id =
|
2198
|
-
|
2199
|
-
value =
|
2200
|
-
options =
|
2201
|
-
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
|
}
|