elab_components 0.3.28 → 0.3.30
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.esm.js +10 -10
- package/dist/index.js +9 -9
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -7,7 +7,7 @@ import { MultiSelect, DropDownList, ComboBox } from '@progress/kendo-react-dropd
|
|
|
7
7
|
import { Editor } from '@progress/kendo-react-editor';
|
|
8
8
|
import { ArcGauge } from '@progress/kendo-react-gauges';
|
|
9
9
|
import { GridToolbar, Grid as Grid$2, GridColumn } from '@progress/kendo-react-grid';
|
|
10
|
-
import {
|
|
10
|
+
import { filterBy } from '@progress/kendo-data-query';
|
|
11
11
|
import { ExcelExport } from '@progress/kendo-react-excel-export';
|
|
12
12
|
import { Checkbox, Input as Input$2, TextBox, InputSuffix, Switch, NumericTextBox, MaskedTextBox } from '@progress/kendo-react-inputs';
|
|
13
13
|
import { DatePicker, TimePicker, MultiViewCalendar, Calendar as Calendar$4, DateInput as DateInput$2, DateRangePicker as DateRangePicker$2, DateTimePicker } from '@progress/kendo-react-dateinputs';
|
|
@@ -31197,7 +31197,10 @@ var OkGrid = function (_a) {
|
|
|
31197
31197
|
return (__assign(__assign({}, product), (_a = { expanded: isRowExpanded(product.id) }, _a['selected'] = !!selectedState[idGetter(product)], _a.inEdit = product.id === editID, _a['formDataIndex'] = index, _a)));
|
|
31198
31198
|
});
|
|
31199
31199
|
}, [data, searchKeyword, expandedRows, selectedState, editID]);
|
|
31200
|
-
var _s = React__default.useState(
|
|
31200
|
+
var _s = React__default.useState({
|
|
31201
|
+
data: filteredProducts,
|
|
31202
|
+
total: totalCount,
|
|
31203
|
+
}), dataResult = _s[0], setDataResult = _s[1];
|
|
31201
31204
|
console.log('modifiedData', filteredProducts);
|
|
31202
31205
|
console.log('dataResult', dataResult);
|
|
31203
31206
|
var headerSelectionDetailGrid = function (event) {
|
|
@@ -31278,15 +31281,9 @@ var OkGrid = function (_a) {
|
|
|
31278
31281
|
return (React__default.createElement("div", { style: { padding: '20px 0' } }, details !== undefined && (React__default.createElement(StyledGrid, { ref: detailRef, editField: "inEdit", reorderable: reorderable, resizable: resizable, data: allInEdit, dataItemKey: dataItemKey, sortable: { mode: 'single', allowUnsort: true }, onSelectionChange: onDetailSelectionChange, onHeaderSelectionChange: onDetailHeaderSelectionChange, selectedField: childSelectField, onItemChange: itemChange }, detailColumnConfig.map(function (col, index) { return (React__default.createElement(GridColumn, { key: index, filterable: true, editable: col === null || col === void 0 ? void 0 : col.editable, field: col.field, title: col.title, format: col.format, cell: getCellComponent(col), width: col.width, headerSelectionValue: detailHeaderSelected, editor: col.editor })); })))));
|
|
31279
31282
|
};
|
|
31280
31283
|
var onDataStateChange = function (e) {
|
|
31281
|
-
var _a, _b, _c, _d;
|
|
31282
31284
|
setDataState(e.dataState);
|
|
31283
|
-
var skip = (_b = (_a = e.dataState) === null || _a === void 0 ? void 0 : _a.skip) !== null && _b !== void 0 ? _b : 0;
|
|
31284
|
-
var take = (_d = (_c = e.dataState) === null || _c === void 0 ? void 0 : _c.take) !== null && _d !== void 0 ? _d : 10;
|
|
31285
|
-
console.log('filteredProducts', filteredProducts);
|
|
31286
|
-
var paginatedData = filteredProducts.slice(skip, skip + take);
|
|
31287
|
-
console.log('paginatedData', paginatedData);
|
|
31288
31285
|
setDataResult({
|
|
31289
|
-
data:
|
|
31286
|
+
data: filteredProducts,
|
|
31290
31287
|
total: totalCount,
|
|
31291
31288
|
});
|
|
31292
31289
|
};
|
|
@@ -31350,7 +31347,10 @@ var OkGrid = function (_a) {
|
|
|
31350
31347
|
});
|
|
31351
31348
|
}, [runQueriesFilter]);
|
|
31352
31349
|
useEffect(function () {
|
|
31353
|
-
setDataResult(
|
|
31350
|
+
setDataResult({
|
|
31351
|
+
data: filteredProducts,
|
|
31352
|
+
total: totalCount,
|
|
31353
|
+
});
|
|
31354
31354
|
}, [filteredProducts, dataState]);
|
|
31355
31355
|
useEffect(function () {
|
|
31356
31356
|
if (filterData && filterData.length > 0) {
|
package/dist/index.js
CHANGED
|
@@ -31225,7 +31225,10 @@ var OkGrid = function (_a) {
|
|
|
31225
31225
|
return (__assign(__assign({}, product), (_a = { expanded: isRowExpanded(product.id) }, _a['selected'] = !!selectedState[idGetter(product)], _a.inEdit = product.id === editID, _a['formDataIndex'] = index, _a)));
|
|
31226
31226
|
});
|
|
31227
31227
|
}, [data, searchKeyword, expandedRows, selectedState, editID]);
|
|
31228
|
-
var _s = React__default["default"].useState(
|
|
31228
|
+
var _s = React__default["default"].useState({
|
|
31229
|
+
data: filteredProducts,
|
|
31230
|
+
total: totalCount,
|
|
31231
|
+
}), dataResult = _s[0], setDataResult = _s[1];
|
|
31229
31232
|
console.log('modifiedData', filteredProducts);
|
|
31230
31233
|
console.log('dataResult', dataResult);
|
|
31231
31234
|
var headerSelectionDetailGrid = function (event) {
|
|
@@ -31306,15 +31309,9 @@ var OkGrid = function (_a) {
|
|
|
31306
31309
|
return (React__default["default"].createElement("div", { style: { padding: '20px 0' } }, details !== undefined && (React__default["default"].createElement(StyledGrid, { ref: detailRef, editField: "inEdit", reorderable: reorderable, resizable: resizable, data: allInEdit, dataItemKey: dataItemKey, sortable: { mode: 'single', allowUnsort: true }, onSelectionChange: onDetailSelectionChange, onHeaderSelectionChange: onDetailHeaderSelectionChange, selectedField: childSelectField, onItemChange: itemChange }, detailColumnConfig.map(function (col, index) { return (React__default["default"].createElement(kendoReactGrid.GridColumn, { key: index, filterable: true, editable: col === null || col === void 0 ? void 0 : col.editable, field: col.field, title: col.title, format: col.format, cell: getCellComponent(col), width: col.width, headerSelectionValue: detailHeaderSelected, editor: col.editor })); })))));
|
|
31307
31310
|
};
|
|
31308
31311
|
var onDataStateChange = function (e) {
|
|
31309
|
-
var _a, _b, _c, _d;
|
|
31310
31312
|
setDataState(e.dataState);
|
|
31311
|
-
var skip = (_b = (_a = e.dataState) === null || _a === void 0 ? void 0 : _a.skip) !== null && _b !== void 0 ? _b : 0;
|
|
31312
|
-
var take = (_d = (_c = e.dataState) === null || _c === void 0 ? void 0 : _c.take) !== null && _d !== void 0 ? _d : 10;
|
|
31313
|
-
console.log('filteredProducts', filteredProducts);
|
|
31314
|
-
var paginatedData = filteredProducts.slice(skip, skip + take);
|
|
31315
|
-
console.log('paginatedData', paginatedData);
|
|
31316
31313
|
setDataResult({
|
|
31317
|
-
data:
|
|
31314
|
+
data: filteredProducts,
|
|
31318
31315
|
total: totalCount,
|
|
31319
31316
|
});
|
|
31320
31317
|
};
|
|
@@ -31378,7 +31375,10 @@ var OkGrid = function (_a) {
|
|
|
31378
31375
|
});
|
|
31379
31376
|
}, [runQueriesFilter]);
|
|
31380
31377
|
React.useEffect(function () {
|
|
31381
|
-
setDataResult(
|
|
31378
|
+
setDataResult({
|
|
31379
|
+
data: filteredProducts,
|
|
31380
|
+
total: totalCount,
|
|
31381
|
+
});
|
|
31382
31382
|
}, [filteredProducts, dataState]);
|
|
31383
31383
|
React.useEffect(function () {
|
|
31384
31384
|
if (filterData && filterData.length > 0) {
|