elab_components 0.4.42 → 0.4.43
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 +6 -6
- package/dist/index.js +5 -5
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -6,7 +6,7 @@ import { Window, Dialog, DialogActionsBar } from '@progress/kendo-react-dialogs'
|
|
|
6
6
|
import { MultiSelect, DropDownList, ComboBox } from '@progress/kendo-react-dropdowns';
|
|
7
7
|
import { Editor } from '@progress/kendo-react-editor';
|
|
8
8
|
import { GridToolbar, Grid as Grid$2, GridColumn } from '@progress/kendo-react-grid';
|
|
9
|
-
import {
|
|
9
|
+
import { filterBy } from '@progress/kendo-data-query';
|
|
10
10
|
import { ExcelExport } from '@progress/kendo-react-excel-export';
|
|
11
11
|
import { Checkbox, Input as Input$2, TextBox, InputSuffix, Switch, NumericTextBox, MaskedTextBox } from '@progress/kendo-react-inputs';
|
|
12
12
|
import { searchIcon, moreVerticalIcon } from '@progress/kendo-svg-icons';
|
|
@@ -31046,11 +31046,9 @@ var OkGrid = function (_a) {
|
|
|
31046
31046
|
var newTakeSize = e.dataState.take === undefined || isNaN(e.dataState.take)
|
|
31047
31047
|
? 'All'
|
|
31048
31048
|
: e.dataState.take;
|
|
31049
|
-
setDataState(__assign(__assign({}, dataState), { take: newTake, sizeGrid: newTakeSize
|
|
31050
|
-
|
|
31051
|
-
setDataResult(process$2(dataResult.data, __assign(__assign({}, dataState), { take: newTake, sizeGrid: newTakeSize, filter: e.dataState.filter, group: e.dataState.group, skip: e.dataState.skip, sort: e.dataState.sort })));
|
|
31049
|
+
setDataState(__assign(__assign({}, e.dataState), { take: newTake, sizeGrid: newTakeSize }));
|
|
31050
|
+
setDataResult(__assign(__assign({}, dataResult), { total: totalCount }));
|
|
31052
31051
|
};
|
|
31053
|
-
console.log('ddddddd', dataState);
|
|
31054
31052
|
var onSelectionChange = React__default.useCallback(function (event) {
|
|
31055
31053
|
var selectedRow = event.dataItem;
|
|
31056
31054
|
var id = idGetter(selectedRow);
|
|
@@ -31218,6 +31216,8 @@ var OkGrid = function (_a) {
|
|
|
31218
31216
|
}, [setDataResult]);
|
|
31219
31217
|
useEffect(function () {
|
|
31220
31218
|
if ((dataResult === null || dataResult === void 0 ? void 0 : dataResult.data) && Object.values(selectedState).length > 0) {
|
|
31219
|
+
console.log('Before Update - selectedState:', selectedState);
|
|
31220
|
+
console.log('Updated Data - dataResult.data:', dataResult.data);
|
|
31221
31221
|
var selectedIds_1 = Object.values(selectedState).map(function (item) { return item.id; });
|
|
31222
31222
|
var filteredData = dataResult.data.filter(function (item) {
|
|
31223
31223
|
return selectedIds_1.includes(item.id);
|
|
@@ -31320,7 +31320,7 @@ var OkGrid = function (_a) {
|
|
|
31320
31320
|
React__default.createElement(Filters, { isQueryShow: isQueryShow, searchKeyword: searchKeyword, setSearchKeyword: setSearchKeyword, onFilterChange: onFilterChange, editColumnOption: editColumnOption, setColumnOption: setColumnOption, showFilter: showFilter, externalFilterShow: externalFilterShow, showSearchInput: showSearchInput, setFilterShow: setFilterShow, filterShow: filterShow, excelExport: excelExportFunc, isExcelExportLoading: allData === null || allData === void 0 ? void 0 : allData.isLoading, selectedData: selectedData, queryShow: queryShow, setIsQueryShow: setIsQueryShow, filterAndGrouping: filterAndGrouping, externalActionsButtons: externalActionsButtons, handleExternalButtons: handleExternalButtons, filtersInput: filtersInput, combBoxFilterData: combBoxFilterData, handleOnChange: handleOnChange, handleComboxChange: handleComboxChange, setFilterSubmittedData: setFilterSubmittedData, allColumnsField: allColumnsField, setRunQueries: setRunQueries, selectedState: selectedState, detailSelectedState: detailSelectedState }),
|
|
31321
31321
|
isLoading ? (React__default.createElement("div", { style: { textAlign: 'center', margin: 'auto', marginTop: '70px' } },
|
|
31322
31322
|
React__default.createElement(Loader$2, { size: "large", type: "converging-spinner" }))) : (React__default.createElement(ExcelExport, { data: allData === null || allData === void 0 ? void 0 : allData.data, ref: excelExport },
|
|
31323
|
-
React__default.createElement(StyledGrid, __assign({ ref: grid, filterable: gridOptions.filter, groupable: groupabable || gridOptions.groupable, reorderable: reorderable, resizable: resizable, data:
|
|
31323
|
+
React__default.createElement(StyledGrid, __assign({ ref: grid, filterable: gridOptions.filter, groupable: groupabable || gridOptions.groupable, reorderable: reorderable, resizable: resizable, data: dataResult, dataItemKey: dataItemKey, selectedField: selectField, editField: "inEdit", sortable: {
|
|
31324
31324
|
mode: 'single',
|
|
31325
31325
|
allowUnsort: true,
|
|
31326
31326
|
}, expandField: "expanded", size: size, pageable: {
|
package/dist/index.js
CHANGED
|
@@ -31074,11 +31074,9 @@ var OkGrid = function (_a) {
|
|
|
31074
31074
|
var newTakeSize = e.dataState.take === undefined || isNaN(e.dataState.take)
|
|
31075
31075
|
? 'All'
|
|
31076
31076
|
: e.dataState.take;
|
|
31077
|
-
setDataState(__assign(__assign({}, dataState), { take: newTake, sizeGrid: newTakeSize
|
|
31078
|
-
|
|
31079
|
-
setDataResult(kendoDataQuery.process(dataResult.data, __assign(__assign({}, dataState), { take: newTake, sizeGrid: newTakeSize, filter: e.dataState.filter, group: e.dataState.group, skip: e.dataState.skip, sort: e.dataState.sort })));
|
|
31077
|
+
setDataState(__assign(__assign({}, e.dataState), { take: newTake, sizeGrid: newTakeSize }));
|
|
31078
|
+
setDataResult(__assign(__assign({}, dataResult), { total: totalCount }));
|
|
31080
31079
|
};
|
|
31081
|
-
console.log('ddddddd', dataState);
|
|
31082
31080
|
var onSelectionChange = React__default["default"].useCallback(function (event) {
|
|
31083
31081
|
var selectedRow = event.dataItem;
|
|
31084
31082
|
var id = idGetter(selectedRow);
|
|
@@ -31246,6 +31244,8 @@ var OkGrid = function (_a) {
|
|
|
31246
31244
|
}, [setDataResult]);
|
|
31247
31245
|
React.useEffect(function () {
|
|
31248
31246
|
if ((dataResult === null || dataResult === void 0 ? void 0 : dataResult.data) && Object.values(selectedState).length > 0) {
|
|
31247
|
+
console.log('Before Update - selectedState:', selectedState);
|
|
31248
|
+
console.log('Updated Data - dataResult.data:', dataResult.data);
|
|
31249
31249
|
var selectedIds_1 = Object.values(selectedState).map(function (item) { return item.id; });
|
|
31250
31250
|
var filteredData = dataResult.data.filter(function (item) {
|
|
31251
31251
|
return selectedIds_1.includes(item.id);
|
|
@@ -31348,7 +31348,7 @@ var OkGrid = function (_a) {
|
|
|
31348
31348
|
React__default["default"].createElement(Filters, { isQueryShow: isQueryShow, searchKeyword: searchKeyword, setSearchKeyword: setSearchKeyword, onFilterChange: onFilterChange, editColumnOption: editColumnOption, setColumnOption: setColumnOption, showFilter: showFilter, externalFilterShow: externalFilterShow, showSearchInput: showSearchInput, setFilterShow: setFilterShow, filterShow: filterShow, excelExport: excelExportFunc, isExcelExportLoading: allData === null || allData === void 0 ? void 0 : allData.isLoading, selectedData: selectedData, queryShow: queryShow, setIsQueryShow: setIsQueryShow, filterAndGrouping: filterAndGrouping, externalActionsButtons: externalActionsButtons, handleExternalButtons: handleExternalButtons, filtersInput: filtersInput, combBoxFilterData: combBoxFilterData, handleOnChange: handleOnChange, handleComboxChange: handleComboxChange, setFilterSubmittedData: setFilterSubmittedData, allColumnsField: allColumnsField, setRunQueries: setRunQueries, selectedState: selectedState, detailSelectedState: detailSelectedState }),
|
|
31349
31349
|
isLoading ? (React__default["default"].createElement("div", { style: { textAlign: 'center', margin: 'auto', marginTop: '70px' } },
|
|
31350
31350
|
React__default["default"].createElement(kendoReactIndicators.Loader, { size: "large", type: "converging-spinner" }))) : (React__default["default"].createElement(kendoReactExcelExport.ExcelExport, { data: allData === null || allData === void 0 ? void 0 : allData.data, ref: excelExport },
|
|
31351
|
-
React__default["default"].createElement(StyledGrid, __assign({ ref: grid, filterable: gridOptions.filter, groupable: groupabable || gridOptions.groupable, reorderable: reorderable, resizable: resizable, data:
|
|
31351
|
+
React__default["default"].createElement(StyledGrid, __assign({ ref: grid, filterable: gridOptions.filter, groupable: groupabable || gridOptions.groupable, reorderable: reorderable, resizable: resizable, data: dataResult, dataItemKey: dataItemKey, selectedField: selectField, editField: "inEdit", sortable: {
|
|
31352
31352
|
mode: 'single',
|
|
31353
31353
|
allowUnsort: true,
|
|
31354
31354
|
}, expandField: "expanded", size: size, pageable: {
|