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.js
CHANGED
|
@@ -34074,7 +34074,8 @@ var ExportDataGridToExcel = function ExportDataGridToExcel(_ref) {
|
|
|
34074
34074
|
getSummary = _ref.getSummary,
|
|
34075
34075
|
selectedRowsOnly = _ref.selectedRowsOnly,
|
|
34076
34076
|
activeText = _ref.activeText,
|
|
34077
|
-
passiveText = _ref.passiveText
|
|
34077
|
+
passiveText = _ref.passiveText,
|
|
34078
|
+
filterData = _ref.filterData;
|
|
34078
34079
|
var workbook = new exceljs.Workbook();
|
|
34079
34080
|
var worksheet = workbook.addWorksheet('Main Sheet');
|
|
34080
34081
|
var lastProcessedRowData = null;
|
|
@@ -34109,6 +34110,58 @@ var ExportDataGridToExcel = function ExportDataGridToExcel(_ref) {
|
|
|
34109
34110
|
}
|
|
34110
34111
|
}
|
|
34111
34112
|
}).then(function () {
|
|
34113
|
+
if (Array.isArray(filterData) && filterData.length > 0) {
|
|
34114
|
+
var validFilters = filterData.filter(function (f) {
|
|
34115
|
+
if (f.value === undefined || f.value === null) return false;
|
|
34116
|
+
if (Array.isArray(f.value) && f.value.length === 0) return false;
|
|
34117
|
+
if (typeof f.value === "string" && f.value.trim() === "") return false;
|
|
34118
|
+
return true;
|
|
34119
|
+
});
|
|
34120
|
+
if (validFilters.length > 0) {
|
|
34121
|
+
var headerRow = worksheet.getRow(1);
|
|
34122
|
+
var lastColumnIndex = headerRow.cellCount;
|
|
34123
|
+
validFilters.forEach(function (filter, index) {
|
|
34124
|
+
var columnIndex = lastColumnIndex + index + 1;
|
|
34125
|
+
var headerCell = headerRow.getCell(columnIndex);
|
|
34126
|
+
headerCell.value = filter.Label;
|
|
34127
|
+
headerCell.font = {
|
|
34128
|
+
name: "Arial",
|
|
34129
|
+
size: 12,
|
|
34130
|
+
bold: true
|
|
34131
|
+
};
|
|
34132
|
+
headerCell.fill = {
|
|
34133
|
+
type: "pattern",
|
|
34134
|
+
pattern: "solid",
|
|
34135
|
+
fgColor: {
|
|
34136
|
+
argb: "FFCCCCCC"
|
|
34137
|
+
}
|
|
34138
|
+
};
|
|
34139
|
+
headerCell.alignment = {
|
|
34140
|
+
horizontal: "left"
|
|
34141
|
+
};
|
|
34142
|
+
});
|
|
34143
|
+
var totalRows = worksheet.rowCount;
|
|
34144
|
+
var _loop = function _loop() {
|
|
34145
|
+
var row = worksheet.getRow(rowIndex);
|
|
34146
|
+
validFilters.forEach(function (filter, index) {
|
|
34147
|
+
var columnIndex = lastColumnIndex + index + 1;
|
|
34148
|
+
var cell = row.getCell(columnIndex);
|
|
34149
|
+
var displayValue = Array.isArray(filter.value) ? filter.value.join(", ") : filter.value;
|
|
34150
|
+
cell.value = displayValue;
|
|
34151
|
+
cell.font = {
|
|
34152
|
+
name: "Arial",
|
|
34153
|
+
size: 12
|
|
34154
|
+
};
|
|
34155
|
+
cell.alignment = {
|
|
34156
|
+
horizontal: "left"
|
|
34157
|
+
};
|
|
34158
|
+
});
|
|
34159
|
+
};
|
|
34160
|
+
for (var rowIndex = 2; rowIndex <= totalRows; rowIndex++) {
|
|
34161
|
+
_loop();
|
|
34162
|
+
}
|
|
34163
|
+
}
|
|
34164
|
+
}
|
|
34112
34165
|
var summaryResult = getSummary();
|
|
34113
34166
|
var summaryText = selectedRowsOnly ? summaryResult + " - " + rowCount + " " + selectedText : summaryResult;
|
|
34114
34167
|
var lastRow = worksheet.addRow([summaryText]);
|
|
@@ -35467,7 +35520,9 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
|
|
|
35467
35520
|
icon: React__default.createElement(outline.KebabMenuIcon, null)
|
|
35468
35521
|
})));
|
|
35469
35522
|
}
|
|
35470
|
-
return React__default.createElement(React__default.Fragment, null,
|
|
35523
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
|
|
35524
|
+
className: "flex flex-row gap-5 justify-center items-center"
|
|
35525
|
+
}, buttonElements));
|
|
35471
35526
|
}
|
|
35472
35527
|
var onCustomOptionChanged = function onCustomOptionChanged(e) {
|
|
35473
35528
|
if (e.name === "filterPanel") {
|
|
@@ -54444,7 +54499,7 @@ var OdsMergeCellDataGrid = React.forwardRef(function (props, ref) {
|
|
|
54444
54499
|
};
|
|
54445
54500
|
var handleExporting = function handleExporting(e) {
|
|
54446
54501
|
if (!props.closeGridHeader) {
|
|
54447
|
-
var _props$exportProps$ac, _props$exportProps$pa;
|
|
54502
|
+
var _props$exportProps$ac, _props$exportProps$pa, _props$filterData;
|
|
54448
54503
|
ExportDataGridToExcel({
|
|
54449
54504
|
gridComponent: e.component,
|
|
54450
54505
|
baseFileName: props.exportProps.fileName,
|
|
@@ -54454,7 +54509,8 @@ var OdsMergeCellDataGrid = React.forwardRef(function (props, ref) {
|
|
|
54454
54509
|
},
|
|
54455
54510
|
selectedRowsOnly: e.selectedRowsOnly,
|
|
54456
54511
|
activeText: (_props$exportProps$ac = props.exportProps.activeText) != null ? _props$exportProps$ac : "Active",
|
|
54457
|
-
passiveText: (_props$exportProps$pa = props.exportProps.passiveText) != null ? _props$exportProps$pa : "Passive"
|
|
54512
|
+
passiveText: (_props$exportProps$pa = props.exportProps.passiveText) != null ? _props$exportProps$pa : "Passive",
|
|
54513
|
+
filterData: (_props$filterData = props.filterData) != null ? _props$filterData : undefined
|
|
54458
54514
|
});
|
|
54459
54515
|
}
|
|
54460
54516
|
};
|
|
@@ -55712,7 +55768,9 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
55712
55768
|
})
|
|
55713
55769
|
})));
|
|
55714
55770
|
}
|
|
55715
|
-
return React__default.createElement(React__default.Fragment, null,
|
|
55771
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
|
|
55772
|
+
className: "flex flex-row gap-5 justify-center items-center"
|
|
55773
|
+
}, buttonElements));
|
|
55716
55774
|
}
|
|
55717
55775
|
var onScrollEnd = React.useCallback(function () {
|
|
55718
55776
|
getServerSide("reachedBottom");
|
|
@@ -56256,7 +56314,9 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
|
|
|
56256
56314
|
})
|
|
56257
56315
|
})));
|
|
56258
56316
|
}
|
|
56259
|
-
return React__default.createElement(React__default.Fragment, null,
|
|
56317
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
|
|
56318
|
+
className: "flex flex-row gap-5 justify-center items-center"
|
|
56319
|
+
}, buttonElements));
|
|
56260
56320
|
}
|
|
56261
56321
|
var remoteOperations = React.useMemo(function () {
|
|
56262
56322
|
var _props$remoteOperatio;
|