sccoreui 6.2.10 → 6.2.11

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.
Files changed (18) hide show
  1. package/dist/App.scss +24 -1
  2. package/dist/assets/svg/svg.js +38 -163
  3. package/dist/components/ag-grid/AgGrid.js +1 -1
  4. package/dist/components/ag-grid/advancedFeature/column-group.js +45 -100
  5. package/dist/components/ag-grid/advancedFeature/hide-column.js +2 -2
  6. package/dist/components/ag-grid/advancedFeature/new-filter/conditions/Conditions.js +3 -4
  7. package/dist/components/ag-grid/advancedFeature/new-filter/table-filter.js +1 -1
  8. package/dist/components/ag-grid/context-provider.js +3 -6
  9. package/dist/components/ag-grid/helper.js +68 -145
  10. package/dist/components/ag-grid/parent-for-grid.js +16 -41
  11. package/dist/components/ag-grid/utilComponents.js +1 -7
  12. package/dist/components/formula-template/FormulaCoponent.js +2 -2
  13. package/dist/components/multi-select-dropdown/multi-select-dropdown.js +2 -4
  14. package/dist/types/components/ag-grid/Types.d.ts +0 -1
  15. package/dist/types/components/ag-grid/context-provider.d.ts +0 -2
  16. package/dist/types/components/ag-grid/helper.d.ts +2 -3
  17. package/dist/types/components/ag-grid/utilComponents.d.ts +0 -1
  18. package/package.json +32 -31
package/dist/components/ag-grid/context-provider.js CHANGED
@@ -6,7 +6,7 @@ const react_1 = require("react");
6
6
  const helper_1 = require("./helper");
7
7
  exports.FeatureContext = (0, react_1.createContext)(null);
8
8
  function MyProvider({ children, value }) {
9
- const { featureDetails, setFeatureDetails, gridData, callGrid, totalRecords, initialFeature, defaultFilters, createView, enableViewCreate, filterModelText, sortModelText, recordDetailModelText, sidePanelText, sortOptions, filterConditions, clearFilters, setGridData, gridApi, updateColumnsForGrid, enableManageColumnsCallback, columnToRender, selectedGroup, setSelectedGroup, initialCheckBoxData, intialColumns, setIntialColumns } = value;
9
+ const { featureDetails, setFeatureDetails, gridData, callGrid, totalRecords, initialFeature, defaultFilters, createView, enableViewCreate, filterModelText, sortModelText, recordDetailModelText, sidePanelText, sortOptions, filterConditions, clearFilters, setGridData, gridApi, updateColumnsForGrid, enableManageColumnsCallback, columnToRender, selectedGroup, setSelectedGroup, initialCheckBoxData } = value;
10
10
  // States for sort
11
11
  const [columnData] = (0, react_1.useState)(gridData === null || gridData === void 0 ? void 0 : gridData.columnData);
12
12
  const [sortValue, setSortValue] = (0, react_1.useState)({});
@@ -51,8 +51,7 @@ function MyProvider({ children, value }) {
51
51
  if (clearFilters) {
52
52
  let currentFeature = featureDetails;
53
53
  currentFeature.filterQueries = [];
54
- setSelectedGroup([]);
55
- setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: initialCheckBoxData }));
54
+ setFeatureDetails(currentFeature);
56
55
  setGlobalFilters([]);
57
56
  callGrid(currentFeature);
58
57
  }
@@ -96,9 +95,7 @@ function MyProvider({ children, value }) {
96
95
  columnToRender,
97
96
  selectedGroup,
98
97
  setSelectedGroup,
99
- initialCheckBoxData,
100
- intialColumns,
101
- setIntialColumns
98
+ initialCheckBoxData
102
99
  } }, { children: children })));
103
100
  }
104
101
  exports.default = MyProvider;
package/dist/components/ag-grid/helper.js CHANGED
@@ -1,8 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.deepClone = exports.handleCheckboxClick = exports.getGroupIds = exports.handleUncheckedState = exports.handleCheckedState = exports.updateGroupState = exports.determineConditions = exports.updateRecords = exports.autoGroupColumnDef = exports.fillOperation = exports.updateCells = exports.getCheckedStatus = exports.sortColumns = exports.parseIfNeeded = exports.applyDefaultFilters = exports.initialCheckBoxData = void 0;
3
+ exports.handleCheckboxClick = exports.getGroupIds = exports.handleUncheckedState = exports.handleCheckedState = exports.updateGroupState = exports.determineConditions = exports.updateRecords = exports.autoGroupColumnDef = exports.fillOperation = exports.updateCells = exports.getCheckedStatus = exports.sortColumns = exports.parseIfNeeded = exports.applyDefaultFilters = exports.initialCheckBoxData = void 0;
4
4
  const tslib_1 = require("tslib");
5
- const react_1 = tslib_1.__importDefault(require("react"));
6
5
  const constants_1 = require("./constants");
7
6
  // initial checkbox data
8
7
  exports.initialCheckBoxData = {
@@ -190,7 +189,6 @@ const autoGroupColumnDef = (isTreeEnable, headerName, groupField, GroupHeaderCom
190
189
  ? () => headerCheckboxRenderer("", GroupHeaderComponent)
191
190
  : GroupHeaderComponent,
192
191
  cellRenderer: "agGroupCellRenderer",
193
- minWidth: 200,
194
192
  cellRendererParams: (params) => {
195
193
  var _a;
196
194
  // Render custom component for all group childs
@@ -221,7 +219,7 @@ exports.autoGroupColumnDef = autoGroupColumnDef;
221
219
  // This function determines how to update `includedRecords` and `excludedRecords`
222
220
  // depending on whether all checkboxes are checked or not (`allBoxChecked` state)
223
221
  const updateRecords = (rowData, featureDetails, gridData) => {
224
- var _a, _b, _c;
222
+ var _a, _b, _c, _d;
225
223
  const { excludedRecords, includedRecords, allBoxChecked } = featureDetails.checkBoxSelection;
226
224
  let newExcludedRecords = [...excludedRecords];
227
225
  let newIncludedRecords = [...includedRecords];
@@ -229,15 +227,24 @@ const updateRecords = (rowData, featureDetails, gridData) => {
229
227
  if (allBoxChecked) {
230
228
  // Update excluded records: add or remove the current rowData
231
229
  newExcludedRecords = (excludedRecords === null || excludedRecords === void 0 ? void 0 : excludedRecords.includes(rowData))
232
- ? excludedRecords === null || excludedRecords === void 0 ? void 0 : excludedRecords.filter((item) => (item === null || item === void 0 ? void 0 : item.id) !== (rowData === null || rowData === void 0 ? void 0 : rowData.id))
230
+ ? excludedRecords === null || excludedRecords === void 0 ? void 0 : excludedRecords.filter((item) => item !== rowData)
233
231
  : [...excludedRecords, rowData];
232
+ // Check if all records are included; reset if so
233
+ if ((newIncludedRecords === null || newIncludedRecords === void 0 ? void 0 : newIncludedRecords.length) === ((_a = gridData === null || gridData === void 0 ? void 0 : gridData.rowData) === null || _a === void 0 ? void 0 : _a.length)) {
234
+ return {
235
+ excludedRecords: [],
236
+ includedRecords: [],
237
+ isIndeterminate: false,
238
+ allBoxChecked: true,
239
+ };
240
+ }
234
241
  // Check if all records are excluded; reset if so
235
- if ((newExcludedRecords === null || newExcludedRecords === void 0 ? void 0 : newExcludedRecords.length) === ((_a = gridData === null || gridData === void 0 ? void 0 : gridData.rowData) === null || _a === void 0 ? void 0 : _a.length)) {
242
+ else if ((newExcludedRecords === null || newExcludedRecords === void 0 ? void 0 : newExcludedRecords.length) === ((_b = gridData === null || gridData === void 0 ? void 0 : gridData.rowData) === null || _b === void 0 ? void 0 : _b.length)) {
236
243
  return exports.initialCheckBoxData;
237
244
  }
238
245
  // Otherwise, update the excluded records and indeterminate state
239
246
  else {
240
- return Object.assign(Object.assign({}, featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection), { excludedRecords: newExcludedRecords, isIndeterminate: (newExcludedRecords === null || newExcludedRecords === void 0 ? void 0 : newExcludedRecords.length) > 0 });
247
+ return Object.assign(Object.assign({}, featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection), { excludedRecords: newExcludedRecords, isIndeterminate: !(excludedRecords === null || excludedRecords === void 0 ? void 0 : excludedRecords.includes(rowData)) });
241
248
  }
242
249
  }
243
250
  // When not all checkboxes are checked
@@ -247,7 +254,7 @@ const updateRecords = (rowData, featureDetails, gridData) => {
247
254
  ? includedRecords === null || includedRecords === void 0 ? void 0 : includedRecords.filter((item) => (item === null || item === void 0 ? void 0 : item.id) !== (rowData === null || rowData === void 0 ? void 0 : rowData.id))
248
255
  : [...includedRecords, rowData];
249
256
  // Check if all records are included; reset if so
250
- if ((newIncludedRecords === null || newIncludedRecords === void 0 ? void 0 : newIncludedRecords.length) === ((_b = gridData === null || gridData === void 0 ? void 0 : gridData.rowData) === null || _b === void 0 ? void 0 : _b.length)) {
257
+ if ((newIncludedRecords === null || newIncludedRecords === void 0 ? void 0 : newIncludedRecords.length) === ((_c = gridData === null || gridData === void 0 ? void 0 : gridData.rowData) === null || _c === void 0 ? void 0 : _c.length)) {
251
258
  return {
252
259
  excludedRecords: [],
253
260
  includedRecords: [],
@@ -256,7 +263,7 @@ const updateRecords = (rowData, featureDetails, gridData) => {
256
263
  };
257
264
  }
258
265
  // Check if all records are excluded; reset if so
259
- else if ((newExcludedRecords === null || newExcludedRecords === void 0 ? void 0 : newExcludedRecords.length) === ((_c = gridData === null || gridData === void 0 ? void 0 : gridData.rowData) === null || _c === void 0 ? void 0 : _c.length)) {
266
+ else if ((newExcludedRecords === null || newExcludedRecords === void 0 ? void 0 : newExcludedRecords.length) === ((_d = gridData === null || gridData === void 0 ? void 0 : gridData.rowData) === null || _d === void 0 ? void 0 : _d.length)) {
260
267
  return exports.initialCheckBoxData;
261
268
  }
262
269
  // Otherwise, update the included records
@@ -268,15 +275,15 @@ const updateRecords = (rowData, featureDetails, gridData) => {
268
275
  exports.updateRecords = updateRecords;
269
276
  // Utility function to determine conditions for updating group states
270
277
  // Based on various flags and states, determines whether to add or remove group IDs
271
- const determineConditions = (isChecked, allBoxChecked, isEveryParentGroupInclude, isEverySuperParentGroupInclude, isSomeParentGroupExcluded, isSomeSuperParentGroupExcluded) => ({
278
+ const determineConditions = (isChecked, allBoxChecked, isEveryParentGroupInclude, isEveryParentGroupExcluded, isEverySuperParentGroupExcluded) => ({
272
279
  addParent: (!allBoxChecked && isChecked && isEveryParentGroupInclude) ||
273
- (allBoxChecked && isChecked && !isSomeParentGroupExcluded),
274
- addSuperParent: (!allBoxChecked && isChecked && isEverySuperParentGroupInclude) ||
275
- (allBoxChecked && isChecked && !isSomeSuperParentGroupExcluded),
280
+ (allBoxChecked && isChecked && !isEveryParentGroupExcluded),
281
+ addSuperParent: (!allBoxChecked && isChecked && isEveryParentGroupInclude) ||
282
+ (allBoxChecked && isChecked && !isEverySuperParentGroupExcluded),
276
283
  removeParent: (!allBoxChecked && !isChecked && !isEveryParentGroupInclude) ||
277
- (allBoxChecked && !isChecked && isSomeParentGroupExcluded),
278
- removeSuperParent: (!allBoxChecked && !isChecked && !isEverySuperParentGroupInclude) ||
279
- (allBoxChecked && !isChecked && isSomeSuperParentGroupExcluded),
284
+ (allBoxChecked && !isChecked && isEveryParentGroupExcluded),
285
+ removeSuperParent: (!allBoxChecked && !isChecked && !isEveryParentGroupInclude) ||
286
+ (allBoxChecked && !isChecked && isEverySuperParentGroupExcluded),
280
287
  });
281
288
  exports.determineConditions = determineConditions;
282
289
  // Function to update the selected groups in the state
@@ -304,9 +311,8 @@ const updateGroupState = (groupingColumns, parentId, superParentId, conditions,
304
311
  if (groupingColumns === 2) {
305
312
  if (addSuperParent)
306
313
  updateSelectedGroup(superParentId, true, setSelectedGroup); // Add super parent group ID
307
- if (addParent) {
308
- updateSelectedGroup(parentId, true, setSelectedGroup);
309
- } // Add parent group ID
314
+ if (addParent)
315
+ updateSelectedGroup(parentId, true, setSelectedGroup); // Add parent group ID
310
316
  if (removeSuperParent)
311
317
  updateSelectedGroup(superParentId, false, setSelectedGroup); // Remove super parent group ID
312
318
  if (removeParent)
@@ -314,12 +320,10 @@ const updateGroupState = (groupingColumns, parentId, superParentId, conditions,
314
320
  }
315
321
  // Handle logic when there is 1 grouping column
316
322
  else if (groupingColumns === 1) {
317
- if (addParent) {
318
- updateSelectedGroup(parentId, true, setSelectedGroup); // Add parent ID
319
- }
320
- if (removeParent) {
323
+ if (addParent)
324
+ updateSelectedGroup(parentId, true, setSelectedGroup); // Add parent group ID
325
+ if (removeParent)
321
326
  updateSelectedGroup(parentId, false, setSelectedGroup); // Remove parent group ID
322
- }
323
327
  }
324
328
  };
325
329
  exports.updateGroupState = updateGroupState;
@@ -337,14 +341,13 @@ const handleCheckedState = (params, featureDetails, gridData, setFeatureDetails,
337
341
  const { groupData, parentGroupData } = gatherGroupData(params);
338
342
  let newExcludedRecords = [...excludedRecords];
339
343
  let newIncludedRecords = [...includedRecords];
340
- // newExcludedRecords.filter((item) => item?.id !== group.id)
341
344
  // Update records based on the checkbox state
342
345
  groupData.forEach((group) => {
343
346
  var _a, _b;
344
347
  if (allBoxChecked) {
345
348
  newExcludedRecords = (newExcludedRecords === null || newExcludedRecords === void 0 ? void 0 : newExcludedRecords.includes(group))
346
- ? newExcludedRecords.filter((item) => (item === null || item === void 0 ? void 0 : item.id) !== group.id)
347
- : newExcludedRecords;
349
+ ? newExcludedRecords.filter((item) => item !== group)
350
+ : [...newExcludedRecords, group];
348
351
  }
349
352
  else if (!((_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.leafGroup) && ((_b = params === null || params === void 0 ? void 0 : params.node) === null || _b === void 0 ? void 0 : _b.level) === 0) {
350
353
  newIncludedRecords = newIncludedRecords.includes(group)
@@ -353,13 +356,17 @@ const handleCheckedState = (params, featureDetails, gridData, setFeatureDetails,
353
356
  }
354
357
  else {
355
358
  newIncludedRecords = newIncludedRecords.includes(group)
356
- ? newIncludedRecords
359
+ ? newIncludedRecords.filter((item) => {
360
+ if (item.id !== group.id)
361
+ group.isSelected = false;
362
+ return item.id !== group.id;
363
+ })
357
364
  : [...newIncludedRecords, group];
358
365
  }
359
366
  });
360
367
  updateCheckboxData(newIncludedRecords, newExcludedRecords, gridData, featureDetails, setFeatureDetails);
361
- // const isParent = determineParentGroupState(parentGroupData, newIncludedRecords, newExcludedRecords, allBoxChecked, groupData);
362
- handleGroupSelection(params, setSelectedGroup, groupingColumns, newIncludedRecords, newExcludedRecords, parentGroupData, allBoxChecked);
368
+ const isParent = determineParentGroupState(parentGroupData, newIncludedRecords, newExcludedRecords, allBoxChecked);
369
+ handleGroupSelection(params, setSelectedGroup, groupingColumns, isParent);
363
370
  };
364
371
  exports.handleCheckedState = handleCheckedState;
365
372
  // Utility function to handle unchecked state updates
@@ -394,16 +401,14 @@ exports.handleUncheckedState = handleUncheckedState;
394
401
  // Utility function to update checkbox data in the state
395
402
  const updateCheckboxData = (newIncludedRecords, newExcludedRecords, gridData, featureDetails, setFeatureDetails) => {
396
403
  var _a, _b;
397
- if ((newIncludedRecords === null || newIncludedRecords === void 0 ? void 0 : newIncludedRecords.length) === ((_a = gridData === null || gridData === void 0 ? void 0 : gridData.rowData) === null || _a === void 0 ? void 0 : _a.length) || ((newIncludedRecords === null || newIncludedRecords === void 0 ? void 0 : newIncludedRecords.length) === 0 && (newExcludedRecords === null || newExcludedRecords === void 0 ? void 0 : newExcludedRecords.length) === 0)) {
404
+ if ((newIncludedRecords === null || newIncludedRecords === void 0 ? void 0 : newIncludedRecords.length) === ((_a = gridData === null || gridData === void 0 ? void 0 : gridData.rowData) === null || _a === void 0 ? void 0 : _a.length)) {
398
405
  setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: Object.assign(Object.assign({}, featureDetails.checkBoxSelection), { excludedRecords: [], includedRecords: [], isIndeterminate: false, allBoxChecked: true }) }));
399
406
  }
400
407
  else if ((newExcludedRecords === null || newExcludedRecords === void 0 ? void 0 : newExcludedRecords.length) === ((_b = gridData === null || gridData === void 0 ? void 0 : gridData.rowData) === null || _b === void 0 ? void 0 : _b.length)) {
401
408
  setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: exports.initialCheckBoxData }));
402
409
  }
403
410
  else {
404
- setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: Object.assign(Object.assign({}, featureDetails.checkBoxSelection), { excludedRecords: newExcludedRecords, includedRecords: newIncludedRecords, isIndeterminate: featureDetails.checkBoxSelection.allBoxChecked
405
- ? true
406
- : featureDetails.checkBoxSelection.isIndeterminate }) }));
411
+ setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: Object.assign(Object.assign({}, featureDetails.checkBoxSelection), { excludedRecords: newExcludedRecords, includedRecords: newIncludedRecords, isIndeterminate: featureDetails.checkBoxSelection.allBoxChecked ? true : featureDetails.checkBoxSelection.isIndeterminate }) }));
407
412
  }
408
413
  };
409
414
  // Utility function to determine parent group inclusion or exclusion states
@@ -413,57 +418,45 @@ const determineParentGroupState = (parentGroupData, newIncludedRecords, newExclu
413
418
  return allBoxChecked ? isAnyParentGroupExcluded : isAnyParentGroupInclude;
414
419
  };
415
420
  // Utility function to handle group selection logic for checked state
416
- const handleGroupSelection = (params, setSelectedGroup, groupingColumns, newIncludedRecords, newExcludedRecords, parentGroupData, allBoxChecked) => {
421
+ const handleGroupSelection = (params, setSelectedGroup, groupingColumns, isParent) => {
417
422
  var _a, _b, _c, _d, _e, _f, _g, _h;
418
- const isEverySuperParentGroupInclude = parentGroupData === null || parentGroupData === void 0 ? void 0 : parentGroupData.every((parent) => newIncludedRecords.some((included) => (included === null || included === void 0 ? void 0 : included.id) === (parent === null || parent === void 0 ? void 0 : parent.id)));
419
- // const isAnyParentGroupInclude = groupData?.some((parent) =>
420
- // newIncludedRecords.some((included) => included?.id === parent?.id)
421
- // );
422
- const isEverySuperParentGroupExcluded = parentGroupData === null || parentGroupData === void 0 ? void 0 : parentGroupData.every((parent) => newExcludedRecords.some((excluded) => (excluded === null || excluded === void 0 ? void 0 : excluded.id) === (parent === null || parent === void 0 ? void 0 : parent.id)));
423
- if (groupingColumns === 2 &&
424
- !((_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.leafGroup) &&
425
- ((_b = params === null || params === void 0 ? void 0 : params.node) === null || _b === void 0 ? void 0 : _b.level) === 0) {
423
+ if (groupingColumns === 2 && !((_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.leafGroup) && ((_b = params === null || params === void 0 ? void 0 : params.node) === null || _b === void 0 ? void 0 : _b.level) === 0) {
426
424
  (_d = (_c = params === null || params === void 0 ? void 0 : params.node) === null || _c === void 0 ? void 0 : _c.childrenAfterGroup) === null || _d === void 0 ? void 0 : _d.forEach((childNode) => {
427
425
  setSelectedGroup((prev) => prev.includes(childNode.id) ? prev : [...prev, childNode.id]);
428
426
  });
429
427
  setSelectedGroup((prev) => prev.includes(params.node.id) ? prev : [...prev, params.node.id]);
430
428
  }
431
- else if (((_e = params === null || params === void 0 ? void 0 : params.node) === null || _e === void 0 ? void 0 : _e.leafGroup) &&
432
- ((_f = params === null || params === void 0 ? void 0 : params.node) === null || _f === void 0 ? void 0 : _f.level) === 1 &&
433
- !allBoxChecked) {
429
+ else if (((_e = params === null || params === void 0 ? void 0 : params.node) === null || _e === void 0 ? void 0 : _e.leafGroup) && ((_f = params === null || params === void 0 ? void 0 : params.node) === null || _f === void 0 ? void 0 : _f.level) === 1 && isParent) {
434
430
  setSelectedGroup((prev) => prev.includes(params.node.id) ? prev : [...prev, params.node.id]);
435
- if (isEverySuperParentGroupInclude) {
436
- setSelectedGroup((prev) => {
437
- var _a, _b, _c, _d;
438
- return prev.includes((_b = (_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.id)
439
- ? prev
440
- : [...prev, (_d = (_c = params === null || params === void 0 ? void 0 : params.node) === null || _c === void 0 ? void 0 : _c.parent) === null || _d === void 0 ? void 0 : _d.id];
441
- });
442
- }
431
+ setSelectedGroup((prev) => {
432
+ var _a, _b, _c, _d;
433
+ return prev.includes((_b = (_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.id)
434
+ ? prev
435
+ : [...prev, (_d = (_c = params === null || params === void 0 ? void 0 : params.node) === null || _c === void 0 ? void 0 : _c.parent) === null || _d === void 0 ? void 0 : _d.id];
436
+ });
443
437
  }
444
- else if (((_g = params === null || params === void 0 ? void 0 : params.node) === null || _g === void 0 ? void 0 : _g.leafGroup) &&
445
- ((_h = params === null || params === void 0 ? void 0 : params.node) === null || _h === void 0 ? void 0 : _h.level) === 1 &&
446
- allBoxChecked) {
447
- setSelectedGroup((prev) => prev.includes(params.node.id) ? prev : [...prev, params.node.id]);
448
- if (isEverySuperParentGroupExcluded || (newExcludedRecords === null || newExcludedRecords === void 0 ? void 0 : newExcludedRecords.length) === 0) {
449
- setSelectedGroup((prev) => {
450
- var _a, _b, _c, _d;
451
- return prev.includes((_b = (_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.id)
452
- ? prev
453
- : [...prev, (_d = (_c = params === null || params === void 0 ? void 0 : params.node) === null || _c === void 0 ? void 0 : _c.parent) === null || _d === void 0 ? void 0 : _d.id];
454
- });
455
- }
438
+ else if (((_g = params === null || params === void 0 ? void 0 : params.node) === null || _g === void 0 ? void 0 : _g.leafGroup) && ((_h = params === null || params === void 0 ? void 0 : params.node) === null || _h === void 0 ? void 0 : _h.level) === 1 && !isParent) {
439
+ setSelectedGroup((prev) => {
440
+ var _a, _b, _c, _d;
441
+ return prev.includes((_b = (_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.id)
442
+ ? prev
443
+ : [...prev, (_d = (_c = params === null || params === void 0 ? void 0 : params.node) === null || _c === void 0 ? void 0 : _c.parent) === null || _d === void 0 ? void 0 : _d.id];
444
+ });
445
+ setSelectedGroup((prev) => {
446
+ var _a, _b;
447
+ return prev.includes((_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.id)
448
+ ? prev
449
+ : [...prev, (_b = params === null || params === void 0 ? void 0 : params.node) === null || _b === void 0 ? void 0 : _b.id];
450
+ });
456
451
  }
457
452
  else {
458
- setSelectedGroup((prev) => { var _a, _b; return prev.includes((_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.id) ? prev : [...prev, (_b = params === null || params === void 0 ? void 0 : params.node) === null || _b === void 0 ? void 0 : _b.id]; });
453
+ setSelectedGroup((prev) => { var _a; return prev.includes(params.node.id) ? prev : [...prev, (_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.id]; });
459
454
  }
460
455
  };
461
456
  // Utility function to handle group deselection logic for unchecked state
462
457
  const handleGroupDeselection = (params, setSelectedGroup, groupingColumns, isParent, isEveryParentGroupInclude) => {
463
458
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
464
- if (groupingColumns === 2 &&
465
- !((_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.leafGroup) &&
466
- ((_b = params === null || params === void 0 ? void 0 : params.node) === null || _b === void 0 ? void 0 : _b.level) === 0) {
459
+ if (groupingColumns === 2 && !((_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.leafGroup) && ((_b = params === null || params === void 0 ? void 0 : params.node) === null || _b === void 0 ? void 0 : _b.level) === 0) {
467
460
  (_d = (_c = params === null || params === void 0 ? void 0 : params.node) === null || _c === void 0 ? void 0 : _c.childrenAfterGroup) === null || _d === void 0 ? void 0 : _d.forEach((childNode) => {
468
461
  setSelectedGroup((prev) => prev === null || prev === void 0 ? void 0 : prev.filter((id) => id !== (childNode === null || childNode === void 0 ? void 0 : childNode.id)));
469
462
  });
@@ -487,9 +480,7 @@ const handleGroupDeselection = (params, setSelectedGroup, groupingColumns, isPar
487
480
  return prev;
488
481
  });
489
482
  }
490
- else if (((_g = params === null || params === void 0 ? void 0 : params.node) === null || _g === void 0 ? void 0 : _g.leafGroup) &&
491
- ((_h = params === null || params === void 0 ? void 0 : params.node) === null || _h === void 0 ? void 0 : _h.level) === 1 &&
492
- !isParent) {
483
+ else if (((_g = params === null || params === void 0 ? void 0 : params.node) === null || _g === void 0 ? void 0 : _g.leafGroup) && ((_h = params === null || params === void 0 ? void 0 : params.node) === null || _h === void 0 ? void 0 : _h.level) === 1 && !isParent) {
493
484
  setSelectedGroup((prev) => {
494
485
  if (prev === null || prev === void 0 ? void 0 : prev.includes(params.node.id)) {
495
486
  return prev === null || prev === void 0 ? void 0 : prev.filter((id) => { var _a; return id !== ((_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.id); });
@@ -549,80 +540,12 @@ const handleCheckboxClick = (e, params, featureDetails, gridData, setFeatureDeta
549
540
  const parentGroupData = (_c = (_b = (_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.childrenAfterGroup) === null || _c === void 0 ? void 0 : _c.map((childNode) => childNode === null || childNode === void 0 ? void 0 : childNode.data);
550
541
  const superParentData = (_g = (_f = (_e = (_d = params === null || params === void 0 ? void 0 : params.node) === null || _d === void 0 ? void 0 : _d.parent) === null || _e === void 0 ? void 0 : _e.parent) === null || _f === void 0 ? void 0 : _f.allLeafChildren) === null || _g === void 0 ? void 0 : _g.map((children) => children === null || children === void 0 ? void 0 : children.data);
551
542
  // Determine if all or any parent groups are included/excluded
552
- const isEveryParentGroupInclude = parentGroupData === null || parentGroupData === void 0 ? void 0 : parentGroupData.every((parent) => {
553
- var _a;
554
- return (_a = updatedCheckBoxData === null || updatedCheckBoxData === void 0 ? void 0 : updatedCheckBoxData.includedRecords) === null || _a === void 0 ? void 0 : _a.some((included) => (included === null || included === void 0 ? void 0 : included.id) === (parent === null || parent === void 0 ? void 0 : parent.id));
555
- });
556
- // const isEveryParentGroupExcluded = parentGroupData?.every((parent) =>
557
- // updatedCheckBoxData?.excludedRecords?.some(
558
- // (excluded) => excluded?.id === parent?.id
559
- // )
560
- // );
561
- const isSomeParentGroupExcluded = parentGroupData === null || parentGroupData === void 0 ? void 0 : parentGroupData.some((parent) => {
562
- var _a;
563
- return (_a = updatedCheckBoxData === null || updatedCheckBoxData === void 0 ? void 0 : updatedCheckBoxData.excludedRecords) === null || _a === void 0 ? void 0 : _a.some((excluded) => (excluded === null || excluded === void 0 ? void 0 : excluded.id) === (parent === null || parent === void 0 ? void 0 : parent.id));
564
- });
565
- // const isEverySuperParentGroupExcluded = superParentData?.every((parent) =>
566
- // updatedCheckBoxData?.excludedRecords?.some(
567
- // (excluded) => excluded?.id === parent?.id
568
- // )
569
- // );
570
- const isSomeSuperParentGroupExcluded = superParentData === null || superParentData === void 0 ? void 0 : superParentData.some((parent) => {
571
- var _a;
572
- return (_a = updatedCheckBoxData === null || updatedCheckBoxData === void 0 ? void 0 : updatedCheckBoxData.excludedRecords) === null || _a === void 0 ? void 0 : _a.some((excluded) => (excluded === null || excluded === void 0 ? void 0 : excluded.id) === (parent === null || parent === void 0 ? void 0 : parent.id));
573
- });
574
- const isEverySuperParentGroupInclude = superParentData === null || superParentData === void 0 ? void 0 : superParentData.every((parent) => {
575
- var _a;
576
- return (_a = updatedCheckBoxData === null || updatedCheckBoxData === void 0 ? void 0 : updatedCheckBoxData.includedRecords) === null || _a === void 0 ? void 0 : _a.some((included) => (included === null || included === void 0 ? void 0 : included.id) === (parent === null || parent === void 0 ? void 0 : parent.id));
577
- });
543
+ const isEveryParentGroupInclude = parentGroupData === null || parentGroupData === void 0 ? void 0 : parentGroupData.every((parent) => { var _a; return (_a = updatedCheckBoxData === null || updatedCheckBoxData === void 0 ? void 0 : updatedCheckBoxData.includedRecords) === null || _a === void 0 ? void 0 : _a.some((included) => (included === null || included === void 0 ? void 0 : included.id) === (parent === null || parent === void 0 ? void 0 : parent.id)); });
544
+ const isEveryParentGroupExcluded = parentGroupData === null || parentGroupData === void 0 ? void 0 : parentGroupData.every((parent) => { var _a; return (_a = updatedCheckBoxData === null || updatedCheckBoxData === void 0 ? void 0 : updatedCheckBoxData.excludedRecords) === null || _a === void 0 ? void 0 : _a.some((excluded) => (excluded === null || excluded === void 0 ? void 0 : excluded.id) === (parent === null || parent === void 0 ? void 0 : parent.id)); });
545
+ const isEverySuperParentGroupExcluded = superParentData === null || superParentData === void 0 ? void 0 : superParentData.every((parent) => { var _a; return (_a = updatedCheckBoxData === null || updatedCheckBoxData === void 0 ? void 0 : updatedCheckBoxData.excludedRecords) === null || _a === void 0 ? void 0 : _a.some((excluded) => (excluded === null || excluded === void 0 ? void 0 : excluded.id) === (parent === null || parent === void 0 ? void 0 : parent.id)); });
578
546
  // Determine the conditions to update group state
579
- const conditions = (0, exports.determineConditions)(isChecked, updatedCheckBoxData.allBoxChecked, isEveryParentGroupInclude, isEverySuperParentGroupInclude, isSomeParentGroupExcluded, isSomeSuperParentGroupExcluded);
547
+ const conditions = (0, exports.determineConditions)(isChecked, updatedCheckBoxData.allBoxChecked, isEveryParentGroupInclude, isEveryParentGroupExcluded, isEverySuperParentGroupExcluded);
580
548
  // Update group state based on determined conditions
581
549
  (0, exports.updateGroupState)(groupingColumns, (_j = (_h = params === null || params === void 0 ? void 0 : params.node) === null || _h === void 0 ? void 0 : _h.parent) === null || _j === void 0 ? void 0 : _j.id, (_m = (_l = (_k = params === null || params === void 0 ? void 0 : params.node) === null || _k === void 0 ? void 0 : _k.parent) === null || _l === void 0 ? void 0 : _l.parent) === null || _m === void 0 ? void 0 : _m.id, conditions, setSelectedGroup);
582
550
  };
583
551
  exports.handleCheckboxClick = handleCheckboxClick;
584
- const deepClone = (obj) => {
585
- var _a, _b, _c;
586
- // If the input is not an object or is null, return the value itself (primitive types are returned directly)
587
- if (obj === null || typeof obj !== "object") {
588
- return obj;
589
- }
590
- // Handle Date objects by creating a new Date instance with the same value
591
- if (obj instanceof Date) {
592
- return new Date(obj);
593
- }
594
- // Handle RegExp objects by creating a new RegExp instance with the same pattern and flags
595
- if (obj instanceof RegExp) {
596
- return new RegExp(obj);
597
- }
598
- // Handle React JSX elements
599
- // If the object is a valid React element, clone it along with its props and children
600
- if (react_1.default.isValidElement(obj)) {
601
- const element = obj; // Explicitly assert type to ReactElement
602
- // Recursively clone all child elements, if any
603
- const clonedChildren = ((_a = element === null || element === void 0 ? void 0 : element.props) === null || _a === void 0 ? void 0 : _a.children)
604
- ? (_b = react_1.default.Children) === null || _b === void 0 ? void 0 : _b.map((_c = element === null || element === void 0 ? void 0 : element.props) === null || _c === void 0 ? void 0 : _c.children, (child) => (0, exports.deepClone)(child))
605
- : undefined; // Set to undefined if no children exist
606
- // Return a cloned React element with its props and recursively cloned children
607
- return react_1.default.cloneElement(element, Object.assign({}, element === null || element === void 0 ? void 0 : element.props), // Spread the existing props
608
- clonedChildren // Include cloned children
609
- );
610
- }
611
- // Handle Arrays
612
- // Recursively clone each element in the array
613
- if (Array.isArray(obj)) {
614
- return obj === null || obj === void 0 ? void 0 : obj.map(exports.deepClone);
615
- }
616
- // Handle Objects
617
- // Recursively clone each property in the object
618
- const clonedObj = {}; // Create a new empty object to hold cloned properties
619
- for (const key in obj) {
620
- // Use hasOwnProperty to avoid cloning inherited properties
621
- if (Object.prototype.hasOwnProperty.call(obj, key)) {
622
- clonedObj[key] = (0, exports.deepClone)(obj[key]); // Recursively clone each property
623
- }
624
- }
625
- // Return the fully cloned object
626
- return clonedObj;
627
- };
628
- exports.deepClone = deepClone;
package/dist/components/ag-grid/parent-for-grid.js CHANGED
@@ -24,7 +24,6 @@ function ParentForGrid(props) {
24
24
  const [api, setApi] = (0, react_1.useState)(null);
25
25
  const [totalRecords, setTotalRecords] = (0, react_1.useState)(0);
26
26
  const [gridReadyEvent, setGridReadyEvent] = (0, react_1.useState)();
27
- const [intialColumns, setIntialColumns] = (0, react_1.useState)(null);
28
27
  const [defaultFilters, setDefaultFilters] = (0, react_1.useState)((props === null || props === void 0 ? void 0 : props.defaultFilters) || []);
29
28
  const [selectedGroup, setSelectedGroup] = (0, react_1.useState)([]);
30
29
  const [emptyResponse] = (0, react_1.useState)({
@@ -75,7 +74,6 @@ function ParentForGrid(props) {
75
74
  sortable: false,
76
75
  };
77
76
  }, []);
78
- // console.log("propsssssssss", props)
79
77
  // Function to handle header checkbox click event
80
78
  const handleHeaderCheckbox = (props) => {
81
79
  // get the group and subgroupids
@@ -142,34 +140,33 @@ function ParentForGrid(props) {
142
140
  });
143
141
  // Gets call onLoad,scroll and whenever any featureDetails changed
144
142
  const onGridReady = (params, updatedFeatures) => tslib_1.__awaiter(this, void 0, void 0, function* () {
145
- var _m, _o;
146
143
  setApi(params.api);
147
144
  setGridReadyEvent(params);
148
145
  let currentFeatures = updatedFeatures;
149
146
  if (!updatedFeatures) {
150
147
  currentFeatures = featureDetails;
151
148
  }
152
- if ((props === null || props === void 0 ? void 0 : props.rowModelType) === (constants_1.ROWMODELTYPE === null || constants_1.ROWMODELTYPE === void 0 ? void 0 : constants_1.ROWMODELTYPE.CLIENT_SIDE)) {
153
- params === null || params === void 0 ? void 0 : params.api.setGridOption("rowData", []);
149
+ if (props.rowModelType === constants_1.ROWMODELTYPE.CLIENT_SIDE) {
150
+ params.api.setGridOption("rowData", []);
154
151
  const result = yield getData(0, 0, currentFeatures);
155
152
  if (result.rowData) {
156
153
  setGridData(Object.assign(Object.assign({}, gridData), { rowData: result.rowData }));
157
154
  gridRef.current.api.hideOverlay();
158
- (_m = params === null || params === void 0 ? void 0 : params.api) === null || _m === void 0 ? void 0 : _m.applyTransaction({ add: result.rowData });
155
+ params.api.applyTransaction({ add: result.rowData });
159
156
  }
160
157
  else {
161
- (_o = params === null || params === void 0 ? void 0 : params.api) === null || _o === void 0 ? void 0 : _o.applyTransaction({ add: [] });
158
+ params.api.applyTransaction({ add: [] });
162
159
  }
163
160
  }
164
161
  else if (props.rowModelType === constants_1.ROWMODELTYPE.SERVER_SIDE) {
165
162
  const dataSource = {
166
163
  getRows: (params) => tslib_1.__awaiter(this, void 0, void 0, function* () {
167
- var _p, _q, _r;
164
+ var _m, _o;
168
165
  const startRow = params.request.startRow;
169
166
  const endRow = params.request.endRow;
170
167
  // Scroll should not exit MAX_RECORDS_TO_LOAD
171
168
  if (endRow > maxLength && maxLength > 0) {
172
- (_p = gridRef === null || gridRef === void 0 ? void 0 : gridRef.current.api) === null || _p === void 0 ? void 0 : _p.hideOverlay();
169
+ gridRef.current.api.hideOverlay();
173
170
  // supply rows for requested block to grid
174
171
  params.success({
175
172
  rowData: gridData.rowData,
@@ -180,7 +177,7 @@ function ParentForGrid(props) {
180
177
  // get data for request from our fake server
181
178
  const response = yield getData(startRow, endRow, currentFeatures, params);
182
179
  // simulating real server call with a 500ms delay
183
- if (((_q = response.rowData) === null || _q === void 0 ? void 0 : _q.length) > 0) {
180
+ if (((_m = response.rowData) === null || _m === void 0 ? void 0 : _m.length) > 0) {
184
181
  setGridData(Object.assign(Object.assign({}, gridData), { rowData: response.rowData }));
185
182
  gridRef.current.api.hideOverlay();
186
183
  // supply rows for requested block to grid
@@ -190,14 +187,14 @@ function ParentForGrid(props) {
190
187
  else {
191
188
  // params.fail();
192
189
  const gridRows = startRow >= constants_1.BLOCK_SIZE ? gridData.rowData : [];
193
- if (!((_r = params === null || params === void 0 ? void 0 : params.parentNode) === null || _r === void 0 ? void 0 : _r.id))
190
+ if (!((_o = params === null || params === void 0 ? void 0 : params.parentNode) === null || _o === void 0 ? void 0 : _o.id))
194
191
  gridRef.current.api.showNoRowsOverlay();
195
192
  params.success({ rowData: gridRows });
196
193
  return;
197
194
  }
198
195
  }),
199
196
  };
200
- params === null || params === void 0 ? void 0 : params.api.setGridOption("serverSideDatasource", dataSource);
197
+ params.api.setGridOption("serverSideDatasource", dataSource);
201
198
  }
202
199
  });
203
200
  // Specify unique id for every row for grid
@@ -220,7 +217,7 @@ function ParentForGrid(props) {
220
217
  var _a;
221
218
  // Custom component for specific group header/parent
222
219
  const GroupHeaderRenderer = (params) => {
223
- var _a, _b, _c, _d;
220
+ var _a, _b, _c, _d, _e;
224
221
  const Wrapper = () => {
225
222
  return (0, jsx_runtime_1.jsx)(utilComponents_1.GroupHeader, { params: params });
226
223
  };
@@ -234,25 +231,18 @@ function ParentForGrid(props) {
234
231
  (0, helper_1.handleUncheckedState)(params, featureDetails, gridData, setFeatureDetails, setSelectedGroup, groupingColumns);
235
232
  }
236
233
  };
237
- const HeaderComponent = props === null || props === void 0 ? void 0 : props.rowGroupHeaderComponent;
238
234
  // To display checkbox
239
235
  if ((_a = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _a === void 0 ? void 0 : _a.displayCheckboxForGroups) {
240
236
  // To display checkbox on right
241
237
  return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center justify-content-between" }, { children: [(0, jsx_runtime_1.jsx)(group_checkbox_1.default, { checked: (selectedGroup === null || selectedGroup === void 0 ? void 0 : selectedGroup.includes((_b = params === null || params === void 0 ? void 0 : params.node) === null || _b === void 0 ? void 0 : _b.id)) ||
242
238
  (((_c = featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection) === null || _c === void 0 ? void 0 : _c.allBoxChecked) &&
243
- !((_d = featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection) === null || _d === void 0 ? void 0 : _d.isIndeterminate)), onChange: (e) => onChange(e, params), isIndeterminate: false, shouldRenderOnRight: false }), props.rowGroupHeaderComponent ?
244
- (0, jsx_runtime_1.jsx)(HeaderComponent, { params: params }) : params.node.field] })));
239
+ !((_d = featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection) === null || _d === void 0 ? void 0 : _d.isIndeterminate)), onChange: (e) => onChange(e, params), isIndeterminate: false, shouldRenderOnRight: false }), (0, jsx_runtime_1.jsx)("span", { children: (_e = params === null || params === void 0 ? void 0 : params.node) === null || _e === void 0 ? void 0 : _e.id })] })));
245
240
  }
246
241
  return (0, jsx_runtime_1.jsx)(Wrapper, {});
247
242
  };
248
- const GridHeaderComponent = (props) => {
249
- if (props === null || props === void 0 ? void 0 : props.GroupHeaderComponent)
250
- return props === null || props === void 0 ? void 0 : props.GroupHeaderComponent;
251
- return (0, jsx_runtime_1.jsx)("span", { children: "Group Grid" });
252
- };
253
243
  // Cell renderer with checkbox
254
244
  const cellRendererConditionally = (params) => {
255
- var _a, _b, _c;
245
+ var _a, _b;
256
246
  if ((_a = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _a === void 0 ? void 0 : _a.displayCheckboxForGroupChild) {
257
247
  if (!(props === null || props === void 0 ? void 0 : props.ChildComponentForGroup)) {
258
248
  return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center justify-content-between" }, { children: [cellCheckBoxRenderer(params), (0, jsx_runtime_1.jsx)("p", { children: params === null || params === void 0 ? void 0 : params.data[props === null || props === void 0 ? void 0 : props.groupField] })] })));
@@ -260,7 +250,7 @@ function ParentForGrid(props) {
260
250
  return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: ((_b = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _b === void 0 ? void 0 : _b.displayCheckboxOnRight) ? ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center justify-content-between" }, { children: [props === null || props === void 0 ? void 0 : props.ChildComponentForGroup(params), cellCheckBoxRenderer(params)] }))) : ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center justify-content-between" }, { children: [cellCheckBoxRenderer(params), props === null || props === void 0 ? void 0 : props.ChildComponentForGroup(params)] }))) }));
261
251
  }
262
252
  else {
263
- return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(props === null || props === void 0 ? void 0 : props.ChildComponentForGroup) ? props === null || props === void 0 ? void 0 : props.ChildComponentForGroup(params) : (0, jsx_runtime_1.jsx)("span", { children: params === null || params === void 0 ? void 0 : params.data[(_c = params === null || params === void 0 ? void 0 : params.colDef) === null || _c === void 0 ? void 0 : _c.field] }), " "] });
253
+ return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props === null || props === void 0 ? void 0 : props.ChildComponentForGroup(params) });
264
254
  }
265
255
  };
266
256
  // Group default values
@@ -269,7 +259,7 @@ function ParentForGrid(props) {
269
259
  return (0, helper_1.autoGroupColumnDef)((props === null || props === void 0 ? void 0 : props.enableTree) ? true : false, // If tree enable
270
260
  props === null || props === void 0 ? void 0 : props.treeHeaderName, // Tree header name
271
261
  props === null || props === void 0 ? void 0 : props.groupField, // Group field
272
- GridHeaderComponent, // Header component
262
+ props === null || props === void 0 ? void 0 : props.GroupHeaderComponent, // Header component
273
263
  headerCheckBoxRenderer, //
274
264
  props === null || props === void 0 ? void 0 : props.enableCheckboxForGroupHeader, props.conditionsToDisplay.displayGroupCount, cellRendererConditionally, GroupHeaderRenderer // Custom component for group header
275
265
  );
@@ -278,24 +268,12 @@ function ParentForGrid(props) {
278
268
  return (0, helper_1.autoGroupColumnDef)((props === null || props === void 0 ? void 0 : props.enableTree) ? true : false, // If tree enable
279
269
  props === null || props === void 0 ? void 0 : props.treeHeaderName, // Tree header name
280
270
  props === null || props === void 0 ? void 0 : props.groupField, // Group field
281
- GridHeaderComponent, // Header component
271
+ props === null || props === void 0 ? void 0 : props.GroupHeaderComponent, // Header component
282
272
  headerCheckBoxRenderer, //
283
273
  props === null || props === void 0 ? void 0 : props.enableCheckboxForGroupHeader, props.conditionsToDisplay.displayGroupCount, GroupHeaderRenderer // Custom component for group header
284
274
  );
285
275
  }
286
276
  };
287
- (0, react_1.useEffect)(() => {
288
- // Initialize `intialColumns` only if it hasn't been set yet
289
- if (!intialColumns) {
290
- // Perform a deep copy of the columns array using `JSON.parse(JSON.stringify())`
291
- const deepCopyOfColumns = (0, helper_1.deepClone)(gridData === null || gridData === void 0 ? void 0 : gridData.columnData);
292
- setIntialColumns(deepCopyOfColumns);
293
- }
294
- }, [intialColumns]);
295
- // const gridStyle = {
296
- // width: props?.style?.width, // Full width
297
- // ...(totalRecords > 6 && { height: props?.style?.height }), // Set height only if records > 6
298
- // };
299
277
  // Options that grid should have
300
278
  const gridOptions = {
301
279
  columnDefs: (_c = gridData === null || gridData === void 0 ? void 0 : gridData.columnData) === null || _c === void 0 ? void 0 : _c.map((column) => {
@@ -335,7 +313,6 @@ function ParentForGrid(props) {
335
313
  fillOperation: myOpertaion,
336
314
  getRowId: getRowId,
337
315
  fillHandleDirection: "y",
338
- // ...(totalRecords > 6 && { domLayout: 'autoHeight' }) // for auto height based on table content
339
316
  };
340
317
  // Fucntion to call the grid
341
318
  const callGrid = (featureDetails) => {
@@ -394,7 +371,7 @@ function ParentForGrid(props) {
394
371
  setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: initialCheckBoxData }));
395
372
  }
396
373
  }, [props === null || props === void 0 ? void 0 : props.emptyCheckboxStatus]);
397
- return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(error_ui_1.default, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: { height: style === null || style === void 0 ? void 0 : style.height, width: style === null || style === void 0 ? void 0 : style.width }, className: "ag-grid-container border-1 border-gray-200 border-round" }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(context_provider_1.default, Object.assign({ value: {
374
+ return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(error_ui_1.default, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: { height: style.height, width: style.width }, className: "ag-grid-container border-1 border-gray-200 border-round" }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(context_provider_1.default, Object.assign({ value: {
398
375
  featureDetails,
399
376
  setFeatureDetails,
400
377
  gridData,
@@ -421,8 +398,6 @@ function ParentForGrid(props) {
421
398
  selectedGroup: selectedGroup,
422
399
  setSelectedGroup: setSelectedGroup,
423
400
  initialCheckBoxData: initialCheckBoxData,
424
- intialColumns,
425
- setIntialColumns
426
401
  } }, { children: ((_l = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _l === void 0 ? void 0 : _l.displayFeaturesHeader) && ((0, jsx_runtime_1.jsx)(advanced_feature_1.default, { props: props })) })), (0, jsx_runtime_1.jsx)(AgGrid_1.default, { style: style, gridOptions: gridOptions, onGridReady: onGridReady, gridRef: gridRef })] }) })) }) }));
427
402
  }
428
403
  exports.default = ParentForGrid;
package/dist/components/ag-grid/utilComponents.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.GridHeaderComponent = exports.GroupHeader = exports.dataCellRenderer = void 0;
3
+ exports.GroupHeader = exports.dataCellRenderer = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  // import Checkbox from "./grid-checkbox";
6
6
  // Render checkbox as well as initial component/data from props
@@ -16,9 +16,3 @@ const GroupHeader = (params) => {
16
16
  return (0, jsx_runtime_1.jsx)("p", { children: "My Custom Group" });
17
17
  };
18
18
  exports.GroupHeader = GroupHeader;
19
- const GridHeaderComponent = (props) => {
20
- if (props === null || props === void 0 ? void 0 : props.GroupHeaderComponent)
21
- return props === null || props === void 0 ? void 0 : props.GroupHeaderComponent;
22
- return (0, jsx_runtime_1.jsx)("span", { children: "Group" });
23
- };
24
- exports.GridHeaderComponent = GridHeaderComponent;
package/dist/components/formula-template/FormulaCoponent.js CHANGED
@@ -274,8 +274,8 @@ const FormulaComponent = (props) => {
274
274
  const onFilter = (e) => {
275
275
  if (e.target.value) {
276
276
  let opts = props === null || props === void 0 ? void 0 : props.fieldOptions.filter((x) => {
277
- var _a, _b, _c, _d;
278
- return (_b = (_a = x === null || x === void 0 ? void 0 : x[props === null || props === void 0 ? void 0 : props.fieldFilterOption]) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.includes((_d = (_c = e === null || e === void 0 ? void 0 : e.target) === null || _c === void 0 ? void 0 : _c.value) === null || _d === void 0 ? void 0 : _d.toLowerCase());
277
+ var _a, _b;
278
+ return (_b = (_a = x === null || x === void 0 ? void 0 : x[props === null || props === void 0 ? void 0 : props.fieldFilterOption]) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.includes(e.target.value.toLowerCase());
279
279
  });
280
280
  setFieldOptions(opts);
281
281
  }