@helpdice/ui 1.1.8 → 1.1.9
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.js +17 -13
- package/dist/table/index.js +990 -58
- package/esm/table/table-body.js +2 -1
- package/esm/table/table-head.js +16 -12
- package/esm/utils/use-hd-ui-context.js +0 -2
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -42125,10 +42125,7 @@ var TableHead = function TableHead(props) {
|
|
|
42125
42125
|
if (!isScalableWidth) return /*#__PURE__*/React.createElement("colgroup", null);
|
|
42126
42126
|
return makeColgroup(width, columns);
|
|
42127
42127
|
}, [isScalableWidth, width]);
|
|
42128
|
-
var handleFilterChange = function handleFilterChange(
|
|
42129
|
-
var _e$target = e.target,
|
|
42130
|
-
name = _e$target.name,
|
|
42131
|
-
value = _e$target.value;
|
|
42128
|
+
var handleFilterChange = function handleFilterChange(name, value) {
|
|
42132
42129
|
setFilters(function (prevFilters) {
|
|
42133
42130
|
var updatedFilters = _objectSpread2(_objectSpread2({}, prevFilters), {}, _defineProperty$1({}, name, value));
|
|
42134
42131
|
// Call onFiltersChange to propagate filter changes to the parent
|
|
@@ -42148,15 +42145,17 @@ var TableHead = function TableHead(props) {
|
|
|
42148
42145
|
var unq_accessor = _.uniqueId(filterName);
|
|
42149
42146
|
if (accessor === 'fixed') {
|
|
42150
42147
|
// Dropdown filter for categorical data (category, status)
|
|
42151
|
-
return /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(
|
|
42148
|
+
return /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(Select, {
|
|
42152
42149
|
key: unq_accessor,
|
|
42153
42150
|
name: filterName,
|
|
42154
42151
|
value: filters[filterName],
|
|
42155
|
-
onChange:
|
|
42156
|
-
|
|
42152
|
+
onChange: function onChange(newValue) {
|
|
42153
|
+
return handleFilterChange(filterName, newValue);
|
|
42154
|
+
}
|
|
42155
|
+
}, /*#__PURE__*/React.createElement(Select.Option, {
|
|
42157
42156
|
value: ""
|
|
42158
42157
|
}, "All ", Header), options ? options.map(function (option) {
|
|
42159
|
-
return /*#__PURE__*/React.createElement(
|
|
42158
|
+
return /*#__PURE__*/React.createElement(Select.Option, {
|
|
42160
42159
|
value: option.value
|
|
42161
42160
|
}, option.name);
|
|
42162
42161
|
}) : null));
|
|
@@ -42165,11 +42164,13 @@ var TableHead = function TableHead(props) {
|
|
|
42165
42164
|
// Date filter
|
|
42166
42165
|
return /*#__PURE__*/React.createElement("th", {
|
|
42167
42166
|
key: unq_accessor
|
|
42168
|
-
}, /*#__PURE__*/React.createElement(
|
|
42169
|
-
|
|
42167
|
+
}, /*#__PURE__*/React.createElement(Input, {
|
|
42168
|
+
htmlType: "date",
|
|
42170
42169
|
name: filterName,
|
|
42171
42170
|
value: filters[filterName],
|
|
42172
|
-
onChange:
|
|
42171
|
+
onChange: function onChange(e) {
|
|
42172
|
+
return handleFilterChange(filterName, e.target.value);
|
|
42173
|
+
}
|
|
42173
42174
|
}));
|
|
42174
42175
|
}
|
|
42175
42176
|
|
|
@@ -42185,7 +42186,9 @@ var TableHead = function TableHead(props) {
|
|
|
42185
42186
|
minWidth: 160
|
|
42186
42187
|
},
|
|
42187
42188
|
value: filters[filterName],
|
|
42188
|
-
onChange:
|
|
42189
|
+
onChange: function onChange(e) {
|
|
42190
|
+
return handleFilterChange(filterName, e.target.value);
|
|
42191
|
+
},
|
|
42189
42192
|
placeholder: "Search...",
|
|
42190
42193
|
fullWidth: true
|
|
42191
42194
|
}));
|
|
@@ -42306,6 +42309,7 @@ var TableBody = function TableBody(_ref) {
|
|
|
42306
42309
|
delete rw.table;
|
|
42307
42310
|
delete rw.style;
|
|
42308
42311
|
delete rw.onDragStart;
|
|
42312
|
+
console.log(row);
|
|
42309
42313
|
var frow = Object.fromEntries(Object.entries(row).filter(function (_ref2) {
|
|
42310
42314
|
var _ref3 = _slicedToArray(_ref2, 2),
|
|
42311
42315
|
ky = _ref3[0];
|
|
@@ -42339,7 +42343,7 @@ var TableBody = function TableBody(_ref) {
|
|
|
42339
42343
|
}
|
|
42340
42344
|
}, /*#__PURE__*/React.createElement(TableCell, {
|
|
42341
42345
|
columns: cols,
|
|
42342
|
-
row:
|
|
42346
|
+
row: rw,
|
|
42343
42347
|
rowIndex: index,
|
|
42344
42348
|
emptyText: emptyText,
|
|
42345
42349
|
onCellClick: onCell
|