ods-component-lib 1.20.4 → 1.20.6
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 +66 -6
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +66 -6
- package/dist/index.modern.js.map +1 -1
- package/dist/stories/OdsMergeCellDataGrid/OdsMergeCellDataGrid.stories.d.ts +16 -0
- package/dist/utils/ExportDataGridtoExcel.d.ts +1 -1
- package/dist/utils/customTypes.d.ts +6 -0
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
|
@@ -34049,7 +34049,8 @@ var ExportDataGridToExcel = function ExportDataGridToExcel(_ref) {
|
|
|
34049
34049
|
getSummary = _ref.getSummary,
|
|
34050
34050
|
selectedRowsOnly = _ref.selectedRowsOnly,
|
|
34051
34051
|
activeText = _ref.activeText,
|
|
34052
|
-
passiveText = _ref.passiveText
|
|
34052
|
+
passiveText = _ref.passiveText,
|
|
34053
|
+
filterData = _ref.filterData;
|
|
34053
34054
|
var workbook = new Workbook();
|
|
34054
34055
|
var worksheet = workbook.addWorksheet('Main Sheet');
|
|
34055
34056
|
var lastProcessedRowData = null;
|
|
@@ -34084,6 +34085,58 @@ var ExportDataGridToExcel = function ExportDataGridToExcel(_ref) {
|
|
|
34084
34085
|
}
|
|
34085
34086
|
}
|
|
34086
34087
|
}).then(function () {
|
|
34088
|
+
if (Array.isArray(filterData) && filterData.length > 0) {
|
|
34089
|
+
var validFilters = filterData.filter(function (f) {
|
|
34090
|
+
if (f.value === undefined || f.value === null) return false;
|
|
34091
|
+
if (Array.isArray(f.value) && f.value.length === 0) return false;
|
|
34092
|
+
if (typeof f.value === "string" && f.value.trim() === "") return false;
|
|
34093
|
+
return true;
|
|
34094
|
+
});
|
|
34095
|
+
if (validFilters.length > 0) {
|
|
34096
|
+
var headerRow = worksheet.getRow(1);
|
|
34097
|
+
var lastColumnIndex = headerRow.cellCount;
|
|
34098
|
+
validFilters.forEach(function (filter, index) {
|
|
34099
|
+
var columnIndex = lastColumnIndex + index + 1;
|
|
34100
|
+
var headerCell = headerRow.getCell(columnIndex);
|
|
34101
|
+
headerCell.value = filter.Label;
|
|
34102
|
+
headerCell.font = {
|
|
34103
|
+
name: "Arial",
|
|
34104
|
+
size: 12,
|
|
34105
|
+
bold: true
|
|
34106
|
+
};
|
|
34107
|
+
headerCell.fill = {
|
|
34108
|
+
type: "pattern",
|
|
34109
|
+
pattern: "solid",
|
|
34110
|
+
fgColor: {
|
|
34111
|
+
argb: "FFCCCCCC"
|
|
34112
|
+
}
|
|
34113
|
+
};
|
|
34114
|
+
headerCell.alignment = {
|
|
34115
|
+
horizontal: "left"
|
|
34116
|
+
};
|
|
34117
|
+
});
|
|
34118
|
+
var totalRows = worksheet.rowCount;
|
|
34119
|
+
var _loop = function _loop() {
|
|
34120
|
+
var row = worksheet.getRow(rowIndex);
|
|
34121
|
+
validFilters.forEach(function (filter, index) {
|
|
34122
|
+
var columnIndex = lastColumnIndex + index + 1;
|
|
34123
|
+
var cell = row.getCell(columnIndex);
|
|
34124
|
+
var displayValue = Array.isArray(filter.value) ? filter.value.join(", ") : filter.value;
|
|
34125
|
+
cell.value = displayValue;
|
|
34126
|
+
cell.font = {
|
|
34127
|
+
name: "Arial",
|
|
34128
|
+
size: 12
|
|
34129
|
+
};
|
|
34130
|
+
cell.alignment = {
|
|
34131
|
+
horizontal: "left"
|
|
34132
|
+
};
|
|
34133
|
+
});
|
|
34134
|
+
};
|
|
34135
|
+
for (var rowIndex = 2; rowIndex <= totalRows; rowIndex++) {
|
|
34136
|
+
_loop();
|
|
34137
|
+
}
|
|
34138
|
+
}
|
|
34139
|
+
}
|
|
34087
34140
|
var summaryResult = getSummary();
|
|
34088
34141
|
var summaryText = selectedRowsOnly ? summaryResult + " - " + rowCount + " " + selectedText : summaryResult;
|
|
34089
34142
|
var lastRow = worksheet.addRow([summaryText]);
|
|
@@ -35442,7 +35495,9 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
|
|
|
35442
35495
|
icon: React.createElement(KebabMenuIcon, null)
|
|
35443
35496
|
})));
|
|
35444
35497
|
}
|
|
35445
|
-
return React.createElement(React.Fragment, null,
|
|
35498
|
+
return React.createElement(React.Fragment, null, React.createElement("div", {
|
|
35499
|
+
className: "flex flex-row gap-5 justify-center items-center"
|
|
35500
|
+
}, buttonElements));
|
|
35446
35501
|
}
|
|
35447
35502
|
var onCustomOptionChanged = function onCustomOptionChanged(e) {
|
|
35448
35503
|
if (e.name === "filterPanel") {
|
|
@@ -54419,7 +54474,7 @@ var OdsMergeCellDataGrid = forwardRef(function (props, ref) {
|
|
|
54419
54474
|
};
|
|
54420
54475
|
var handleExporting = function handleExporting(e) {
|
|
54421
54476
|
if (!props.closeGridHeader) {
|
|
54422
|
-
var _props$exportProps$ac, _props$exportProps$pa;
|
|
54477
|
+
var _props$exportProps$ac, _props$exportProps$pa, _props$filterData;
|
|
54423
54478
|
ExportDataGridToExcel({
|
|
54424
54479
|
gridComponent: e.component,
|
|
54425
54480
|
baseFileName: props.exportProps.fileName,
|
|
@@ -54429,7 +54484,8 @@ var OdsMergeCellDataGrid = forwardRef(function (props, ref) {
|
|
|
54429
54484
|
},
|
|
54430
54485
|
selectedRowsOnly: e.selectedRowsOnly,
|
|
54431
54486
|
activeText: (_props$exportProps$ac = props.exportProps.activeText) != null ? _props$exportProps$ac : "Active",
|
|
54432
|
-
passiveText: (_props$exportProps$pa = props.exportProps.passiveText) != null ? _props$exportProps$pa : "Passive"
|
|
54487
|
+
passiveText: (_props$exportProps$pa = props.exportProps.passiveText) != null ? _props$exportProps$pa : "Passive",
|
|
54488
|
+
filterData: (_props$filterData = props.filterData) != null ? _props$filterData : undefined
|
|
54433
54489
|
});
|
|
54434
54490
|
}
|
|
54435
54491
|
};
|
|
@@ -55687,7 +55743,9 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
55687
55743
|
})
|
|
55688
55744
|
})));
|
|
55689
55745
|
}
|
|
55690
|
-
return React.createElement(React.Fragment, null,
|
|
55746
|
+
return React.createElement(React.Fragment, null, React.createElement("div", {
|
|
55747
|
+
className: "flex flex-row gap-5 justify-center items-center"
|
|
55748
|
+
}, buttonElements));
|
|
55691
55749
|
}
|
|
55692
55750
|
var onScrollEnd = useCallback(function () {
|
|
55693
55751
|
getServerSide("reachedBottom");
|
|
@@ -56231,7 +56289,9 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
|
|
|
56231
56289
|
})
|
|
56232
56290
|
})));
|
|
56233
56291
|
}
|
|
56234
|
-
return React.createElement(React.Fragment, null,
|
|
56292
|
+
return React.createElement(React.Fragment, null, React.createElement("div", {
|
|
56293
|
+
className: "flex flex-row gap-5 justify-center items-center"
|
|
56294
|
+
}, buttonElements));
|
|
56235
56295
|
}
|
|
56236
56296
|
var remoteOperations = useMemo(function () {
|
|
56237
56297
|
var _props$remoteOperatio;
|