ods-component-lib 1.20.3 → 1.20.5

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 CHANGED
@@ -34099,7 +34099,8 @@ var ExportDataGridToExcel = function ExportDataGridToExcel(_ref) {
34099
34099
  getSummary = _ref.getSummary,
34100
34100
  selectedRowsOnly = _ref.selectedRowsOnly,
34101
34101
  activeText = _ref.activeText,
34102
- passiveText = _ref.passiveText;
34102
+ passiveText = _ref.passiveText,
34103
+ filterData = _ref.filterData;
34103
34104
  var workbook = new exceljs.Workbook();
34104
34105
  var worksheet = workbook.addWorksheet('Main Sheet');
34105
34106
  var lastProcessedRowData = null;
@@ -34134,6 +34135,58 @@ var ExportDataGridToExcel = function ExportDataGridToExcel(_ref) {
34134
34135
  }
34135
34136
  }
34136
34137
  }).then(function () {
34138
+ if (Array.isArray(filterData) && filterData.length > 0) {
34139
+ var validFilters = filterData.filter(function (f) {
34140
+ if (f.value === undefined || f.value === null) return false;
34141
+ if (Array.isArray(f.value) && f.value.length === 0) return false;
34142
+ if (typeof f.value === "string" && f.value.trim() === "") return false;
34143
+ return true;
34144
+ });
34145
+ if (validFilters.length > 0) {
34146
+ var headerRow = worksheet.getRow(1);
34147
+ var lastColumnIndex = headerRow.cellCount;
34148
+ validFilters.forEach(function (filter, index) {
34149
+ var columnIndex = lastColumnIndex + index + 1;
34150
+ var headerCell = headerRow.getCell(columnIndex);
34151
+ headerCell.value = filter.Label;
34152
+ headerCell.font = {
34153
+ name: "Arial",
34154
+ size: 12,
34155
+ bold: true
34156
+ };
34157
+ headerCell.fill = {
34158
+ type: "pattern",
34159
+ pattern: "solid",
34160
+ fgColor: {
34161
+ argb: "FFCCCCCC"
34162
+ }
34163
+ };
34164
+ headerCell.alignment = {
34165
+ horizontal: "left"
34166
+ };
34167
+ });
34168
+ var totalRows = worksheet.rowCount;
34169
+ var _loop = function _loop() {
34170
+ var row = worksheet.getRow(rowIndex);
34171
+ validFilters.forEach(function (filter, index) {
34172
+ var columnIndex = lastColumnIndex + index + 1;
34173
+ var cell = row.getCell(columnIndex);
34174
+ var displayValue = Array.isArray(filter.value) ? filter.value.join(", ") : filter.value;
34175
+ cell.value = displayValue;
34176
+ cell.font = {
34177
+ name: "Arial",
34178
+ size: 12
34179
+ };
34180
+ cell.alignment = {
34181
+ horizontal: "left"
34182
+ };
34183
+ });
34184
+ };
34185
+ for (var rowIndex = 2; rowIndex <= totalRows; rowIndex++) {
34186
+ _loop();
34187
+ }
34188
+ }
34189
+ }
34137
34190
  var summaryResult = getSummary();
34138
34191
  var summaryText = selectedRowsOnly ? summaryResult + " - " + rowCount + " " + selectedText : summaryResult;
34139
34192
  var lastRow = worksheet.addRow([summaryText]);
@@ -34157,6 +34210,70 @@ var ExportDataGridToExcel = function ExportDataGridToExcel(_ref) {
34157
34210
  });
34158
34211
  };
34159
34212
 
34213
+ var uniqueRecords = function uniqueRecords(value, index, array) {
34214
+ return array.indexOf(value) === index;
34215
+ };
34216
+ var exportToExcel = function exportToExcel(props) {
34217
+ var workbook = new exceljs.Workbook();
34218
+ var worksheet = workbook.addWorksheet('Main Sheet');
34219
+ var lastProcessedRowData = null;
34220
+ var rowCount = 0;
34221
+ excel_exporter.exportDataGrid({
34222
+ component: props.gridComponent,
34223
+ worksheet: worksheet,
34224
+ selectedRowsOnly: props.selectedRowsOnly,
34225
+ customizeCell: function customizeCell(options) {
34226
+ var gridCell = options.gridCell,
34227
+ excelCell = options.excelCell;
34228
+ if (gridCell && excelCell) {
34229
+ if (gridCell.rowType === 'data' && lastProcessedRowData !== gridCell.data) {
34230
+ rowCount++;
34231
+ lastProcessedRowData = gridCell.data;
34232
+ }
34233
+ if ((gridCell.column.dataType === "datetime" || gridCell.column.dataField === "CreateDate" || gridCell.column.dataField === "ModifyDate") && gridCell.value) {
34234
+ excelCell.value = moment__default(gridCell.value).format("DD.MM.YYYY HH:mm");
34235
+ } else if (gridCell.column.dataType === "date" && gridCell.value) {
34236
+ excelCell.value = moment__default(gridCell.value).format("DD.MM.YYYY");
34237
+ }
34238
+ if (gridCell.rowType === 'data' && gridCell.column.dataField.toLowerCase() === "isactive") {
34239
+ excelCell.value = gridCell.value === true ? "" + props.activeText : "" + props.passiveText;
34240
+ }
34241
+ excelCell.font = {
34242
+ name: 'Arial',
34243
+ size: 12
34244
+ };
34245
+ excelCell.alignment = {
34246
+ horizontal: 'left'
34247
+ };
34248
+ }
34249
+ }
34250
+ }).then(function () {
34251
+ var summaryResult = props.getSummary();
34252
+ var summaryText = props.selectedRowsOnly ? summaryResult + " - " + rowCount + " " + props.selectedText : summaryResult;
34253
+ var lastRow = worksheet.addRow([summaryText]);
34254
+ lastRow.font = {
34255
+ name: 'Arial',
34256
+ size: 10,
34257
+ bold: true
34258
+ };
34259
+ lastRow.alignment = {
34260
+ horizontal: 'left'
34261
+ };
34262
+ workbook.xlsx.writeBuffer().then(function (buffer) {
34263
+ var now = new Date();
34264
+ var datePart = ('0' + now.getDate()).slice(-2) + "-" + ('0' + (now.getMonth() + 1)).slice(-2) + "-" + now.getFullYear();
34265
+ var timePart = ('0' + now.getHours()).slice(-2) + ":" + ('0' + now.getMinutes()).slice(-2);
34266
+ var fullFileName = props.baseFileName + "-" + datePart + "-" + timePart + ".xlsx";
34267
+ FileSaver.saveAs(new Blob([buffer], {
34268
+ type: 'application/octet-stream'
34269
+ }), fullFileName);
34270
+ });
34271
+ });
34272
+ };
34273
+ var isTextEmpty = function isTextEmpty(text) {
34274
+ return text === undefined || text === null || (text === null || text === void 0 ? void 0 : text.trim()) === '';
34275
+ };
34276
+
34160
34277
  var useToken = antd.theme.useToken;
34161
34278
  var OdsBatchEditDataGrid = function OdsBatchEditDataGrid(props) {
34162
34279
  var _props$columnResizing, _props$className, _props$selection, _props$selectOptions, _props$selectOptions$, _props$selectOptions2, _props$selectOptions$2, _props$selectOptions3;
@@ -34541,23 +34658,25 @@ var OdsBatchEditDataGrid = function OdsBatchEditDataGrid(props) {
34541
34658
  }
34542
34659
  });
34543
34660
  }
34544
- e.toolbarOptions.items.unshift({
34545
- location: "before",
34546
- cssClass: "toolbarTitleItem",
34547
- template: function template(_, __, container) {
34548
- var wrapper = document.createElement("div");
34549
- container.appendChild(wrapper);
34550
- reactDom.render(React__default.createElement(React__default.StrictMode, null, React__default.createElement(OdsTitle, {
34551
- level: 5,
34552
- style: {
34553
- display: "flex",
34554
- alignItems: "center",
34555
- alignSelf: "stretch",
34556
- margin: 0
34557
- }
34558
- }, props.pageTitle)), wrapper);
34559
- }
34560
- });
34661
+ if (!isTextEmpty(props.pageTitle)) {
34662
+ e.toolbarOptions.items.unshift({
34663
+ location: "before",
34664
+ cssClass: "toolbarTitleItem",
34665
+ template: function template(_, __, container) {
34666
+ var wrapper = document.createElement("div");
34667
+ container.appendChild(wrapper);
34668
+ reactDom.render(React__default.createElement(React__default.StrictMode, null, React__default.createElement(OdsTitle, {
34669
+ level: 5,
34670
+ style: {
34671
+ display: "flex",
34672
+ alignItems: "center",
34673
+ alignSelf: "stretch",
34674
+ margin: 0
34675
+ }
34676
+ }, props.pageTitle)), wrapper);
34677
+ }
34678
+ });
34679
+ }
34561
34680
  };
34562
34681
  var checkIsPropArray = function checkIsPropArray(prop) {
34563
34682
  return prop && Array.isArray(prop);
@@ -35571,23 +35690,25 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
35571
35690
  }
35572
35691
  });
35573
35692
  }
35574
- e.toolbarOptions.items.unshift({
35575
- location: "before",
35576
- cssClass: "toolbarTitleItem",
35577
- template: function template(_, __, container) {
35578
- var wrapper = document.createElement("div");
35579
- container.appendChild(wrapper);
35580
- reactDom.render(React__default.createElement(React__default.StrictMode, null, React__default.createElement(OdsTitle, {
35581
- level: 5,
35582
- style: {
35583
- display: "flex",
35584
- alignItems: "center",
35585
- alignSelf: "stretch",
35586
- margin: 0
35587
- }
35588
- }, props.pageTitle)), wrapper);
35589
- }
35590
- });
35693
+ if (!isTextEmpty(props.pageTitle)) {
35694
+ e.toolbarOptions.items.unshift({
35695
+ location: "before",
35696
+ cssClass: "toolbarTitleItem",
35697
+ template: function template(_, __, container) {
35698
+ var wrapper = document.createElement("div");
35699
+ container.appendChild(wrapper);
35700
+ reactDom.render(React__default.createElement(React__default.StrictMode, null, React__default.createElement(OdsTitle, {
35701
+ level: 5,
35702
+ style: {
35703
+ display: "flex",
35704
+ alignItems: "center",
35705
+ alignSelf: "stretch",
35706
+ margin: 0
35707
+ }
35708
+ }, props.pageTitle)), wrapper);
35709
+ }
35710
+ });
35711
+ }
35591
35712
  };
35592
35713
  var renderMasterDetailGrid = React.useCallback(function (_ref) {
35593
35714
  var _dataSource$data, _dataSource$data2;
@@ -54333,24 +54454,26 @@ var OdsMergeCellDataGrid = React.forwardRef(function (props, ref) {
54333
54454
  }
54334
54455
  });
54335
54456
  }
54336
- e.toolbarOptions.items.unshift({
54337
- location: "before",
54338
- cssClass: "toolbarTitleItem",
54339
- template: function template(_, __, container) {
54340
- var wrapper = document.createElement("div");
54341
- container.appendChild(wrapper);
54342
- var root = client_1(wrapper);
54343
- root.render(React__default.createElement(React__default.StrictMode, null, React__default.createElement(OdsTitle, {
54344
- level: 5,
54345
- style: {
54346
- display: "flex",
54347
- alignItems: "center",
54348
- alignSelf: "stretch",
54349
- margin: 0
54350
- }
54351
- }, props.pageTitle)));
54352
- }
54353
- });
54457
+ if (!isTextEmpty(props.pageTitle)) {
54458
+ e.toolbarOptions.items.unshift({
54459
+ location: "before",
54460
+ cssClass: "toolbarTitleItem",
54461
+ template: function template(_, __, container) {
54462
+ var wrapper = document.createElement("div");
54463
+ container.appendChild(wrapper);
54464
+ var root = client_1(wrapper);
54465
+ root.render(React__default.createElement(React__default.StrictMode, null, React__default.createElement(OdsTitle, {
54466
+ level: 5,
54467
+ style: {
54468
+ display: "flex",
54469
+ alignItems: "center",
54470
+ alignSelf: "stretch",
54471
+ margin: 0
54472
+ }
54473
+ }, props.pageTitle)));
54474
+ }
54475
+ });
54476
+ }
54354
54477
  };
54355
54478
  var handleSelectionChanged = function handleSelectionChanged(e) {
54356
54479
  var triggerEvent = true;
@@ -54399,7 +54522,7 @@ var OdsMergeCellDataGrid = React.forwardRef(function (props, ref) {
54399
54522
  };
54400
54523
  var handleExporting = function handleExporting(e) {
54401
54524
  if (!props.closeGridHeader) {
54402
- var _props$exportProps$ac, _props$exportProps$pa;
54525
+ var _props$exportProps$ac, _props$exportProps$pa, _props$filterData;
54403
54526
  ExportDataGridToExcel({
54404
54527
  gridComponent: e.component,
54405
54528
  baseFileName: props.exportProps.fileName,
@@ -54409,7 +54532,8 @@ var OdsMergeCellDataGrid = React.forwardRef(function (props, ref) {
54409
54532
  },
54410
54533
  selectedRowsOnly: e.selectedRowsOnly,
54411
54534
  activeText: (_props$exportProps$ac = props.exportProps.activeText) != null ? _props$exportProps$ac : "Active",
54412
- passiveText: (_props$exportProps$pa = props.exportProps.passiveText) != null ? _props$exportProps$pa : "Passive"
54535
+ passiveText: (_props$exportProps$pa = props.exportProps.passiveText) != null ? _props$exportProps$pa : "Passive",
54536
+ filterData: (_props$filterData = props.filterData) != null ? _props$filterData : undefined
54413
54537
  });
54414
54538
  }
54415
54539
  };
@@ -55741,23 +55865,25 @@ var _OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
55741
55865
  }
55742
55866
  });
55743
55867
  }
55744
- e.toolbarOptions.items.unshift({
55745
- location: 'before',
55746
- cssClass: 'toolbarTitleItem',
55747
- template: function template(_, __, container) {
55748
- var wrapper = document.createElement('div');
55749
- container.appendChild(wrapper);
55750
- reactDom.render(React__default.createElement(React__default.StrictMode, null, React__default.createElement(OdsTitle, {
55751
- level: 5,
55752
- style: {
55753
- display: "flex",
55754
- alignItems: "center",
55755
- alignSelf: "stretch",
55756
- margin: 0
55757
- }
55758
- }, props.pageTitle)), wrapper);
55759
- }
55760
- });
55868
+ if (!isTextEmpty(props.pageTitle)) {
55869
+ e.toolbarOptions.items.unshift({
55870
+ location: 'before',
55871
+ cssClass: 'toolbarTitleItem',
55872
+ template: function template(_, __, container) {
55873
+ var wrapper = document.createElement('div');
55874
+ container.appendChild(wrapper);
55875
+ reactDom.render(React__default.createElement(React__default.StrictMode, null, React__default.createElement(OdsTitle, {
55876
+ level: 5,
55877
+ style: {
55878
+ display: "flex",
55879
+ alignItems: "center",
55880
+ alignSelf: "stretch",
55881
+ margin: 0
55882
+ }
55883
+ }, props.pageTitle)), wrapper);
55884
+ }
55885
+ });
55886
+ }
55761
55887
  };
55762
55888
  var detailGrid = function detailGrid(_ref) {
55763
55889
  var data = _ref.data;
@@ -56358,67 +56484,6 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
56358
56484
  }, React__default.createElement("p", null, renderTotal())));
56359
56485
  };
56360
56486
 
56361
- var uniqueRecords = function uniqueRecords(value, index, array) {
56362
- return array.indexOf(value) === index;
56363
- };
56364
- var exportToExcel = function exportToExcel(props) {
56365
- var workbook = new exceljs.Workbook();
56366
- var worksheet = workbook.addWorksheet('Main Sheet');
56367
- var lastProcessedRowData = null;
56368
- var rowCount = 0;
56369
- excel_exporter.exportDataGrid({
56370
- component: props.gridComponent,
56371
- worksheet: worksheet,
56372
- selectedRowsOnly: props.selectedRowsOnly,
56373
- customizeCell: function customizeCell(options) {
56374
- var gridCell = options.gridCell,
56375
- excelCell = options.excelCell;
56376
- if (gridCell && excelCell) {
56377
- if (gridCell.rowType === 'data' && lastProcessedRowData !== gridCell.data) {
56378
- rowCount++;
56379
- lastProcessedRowData = gridCell.data;
56380
- }
56381
- if ((gridCell.column.dataType === "datetime" || gridCell.column.dataField === "CreateDate" || gridCell.column.dataField === "ModifyDate") && gridCell.value) {
56382
- excelCell.value = moment__default(gridCell.value).format("DD.MM.YYYY HH:mm");
56383
- } else if (gridCell.column.dataType === "date" && gridCell.value) {
56384
- excelCell.value = moment__default(gridCell.value).format("DD.MM.YYYY");
56385
- }
56386
- if (gridCell.rowType === 'data' && gridCell.column.dataField.toLowerCase() === "isactive") {
56387
- excelCell.value = gridCell.value === true ? "" + props.activeText : "" + props.passiveText;
56388
- }
56389
- excelCell.font = {
56390
- name: 'Arial',
56391
- size: 12
56392
- };
56393
- excelCell.alignment = {
56394
- horizontal: 'left'
56395
- };
56396
- }
56397
- }
56398
- }).then(function () {
56399
- var summaryResult = props.getSummary();
56400
- var summaryText = props.selectedRowsOnly ? summaryResult + " - " + rowCount + " " + props.selectedText : summaryResult;
56401
- var lastRow = worksheet.addRow([summaryText]);
56402
- lastRow.font = {
56403
- name: 'Arial',
56404
- size: 10,
56405
- bold: true
56406
- };
56407
- lastRow.alignment = {
56408
- horizontal: 'left'
56409
- };
56410
- workbook.xlsx.writeBuffer().then(function (buffer) {
56411
- var now = new Date();
56412
- var datePart = ('0' + now.getDate()).slice(-2) + "-" + ('0' + (now.getMonth() + 1)).slice(-2) + "-" + now.getFullYear();
56413
- var timePart = ('0' + now.getHours()).slice(-2) + ":" + ('0' + now.getMinutes()).slice(-2);
56414
- var fullFileName = props.baseFileName + "-" + datePart + "-" + timePart + ".xlsx";
56415
- FileSaver.saveAs(new Blob([buffer], {
56416
- type: 'application/octet-stream'
56417
- }), fullFileName);
56418
- });
56419
- });
56420
- };
56421
-
56422
56487
  var _templateObject$A, _templateObject2$8;
56423
56488
  var useStyles$a = antdStyle.createStyles(function (_ref) {
56424
56489
  var css = _ref.css;
@@ -57851,7 +57916,7 @@ var OdsTransfer = function OdsTransfer(props) {
57851
57916
  calculateSortValue: column.calculateSortValue,
57852
57917
  allowHeaderFiltering: props.showFilters
57853
57918
  });
57854
- }), props.displayPageTitle && React__default.createElement(DataGrid.Toolbar, null, React__default.createElement(DataGrid.Item, {
57919
+ }), props.displayPageTitle && !isTextEmpty(props.pageTitle) && React__default.createElement(DataGrid.Toolbar, null, React__default.createElement(DataGrid.Item, {
57855
57920
  location: "before",
57856
57921
  cssClass: "toolbarTitleItem"
57857
57922
  }, React__default.createElement(OdsTitle, {
@@ -58114,7 +58179,7 @@ var OdsTransferV2 = function OdsTransferV2(_ref) {
58114
58179
  calculateSortValue: column.calculateSortValue,
58115
58180
  headerFilter: {}
58116
58181
  });
58117
- }), displayPageTitle && React__default.createElement(DataGrid.Toolbar, null, React__default.createElement(DataGrid.Item, {
58182
+ }), displayPageTitle && !isTextEmpty(pageTitle) && React__default.createElement(DataGrid.Toolbar, null, React__default.createElement(DataGrid.Item, {
58118
58183
  location: "before",
58119
58184
  cssClass: "toolbarTitleItem"
58120
58185
  }, React__default.createElement(OdsTitle, {