sccoreui 6.1.69 → 6.1.71

package/dist/components/ag-grid/parent-for-grid.js

@@ -105,8 +105,8 @@ function ParentForGrid(props) {
     };
     // JSX for rendering checkbox in header
     const headerCheckBoxRenderer = (headerDisplayName, HeaderComponent) => {
-        var _a, _b, _c, _d;
-        return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: `flex align-items-center justify-content-between ${((_a = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _a === void 0 ? void 0 : _a.displayCheckboxOnRight) ? "w-full pd-r-2" : ""}` }, { 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 w-full ` }, { children: [HeaderComponent ? ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: " mr-auto" }, { children: [" ", (0, jsx_runtime_1.jsx)(HeaderComponent, {}), " "] }))) : ((0, jsx_runtime_1.jsx)("span", { children: headerDisplayName })), (0, jsx_runtime_1.jsx)(grid_checkbox_1.default, { checked: featureDetails.checkBoxSelection.allBoxChecked, onChange: handleHeaderCheckbox, isIndeterminate: featureDetails.checkBoxSelection.isIndeterminate, shouldRenderOnRight: (_c = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _c === void 0 ? void 0 : _c.displayCheckboxOnRight })] }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(grid_checkbox_1.default, { checked: featureDetails.checkBoxSelection.allBoxChecked, onChange: handleHeaderCheckbox, isIndeterminate: featureDetails.checkBoxSelection.isIndeterminate, shouldRenderOnRight: (_d = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _d === void 0 ? void 0 : _d.displayCheckboxOnRight }), HeaderComponent ? ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "px-3" }, { children: [" ", (0, jsx_runtime_1.jsx)(HeaderComponent, {}), " "] }))) : ((0, jsx_runtime_1.jsx)("span", { children: headerDisplayName }))] })) })));
+        var _a, _b, _c, _d, _e, _f;
+        return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: `flex align-items-center justify-content-between ${((_a = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _a === void 0 ? void 0 : _a.displayCheckboxOnRight) ? "w-full pd-r-2" : ""}` }, { 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 w-full ` }, { children: [HeaderComponent ? ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: " mr-auto" }, { children: [" ", (0, jsx_runtime_1.jsx)(HeaderComponent, {}), " "] }))) : ((0, jsx_runtime_1.jsx)("span", { children: headerDisplayName })), (0, jsx_runtime_1.jsx)(grid_checkbox_1.default, { checked: featureDetails.checkBoxSelection.allBoxChecked, onChange: handleHeaderCheckbox, isIndeterminate: (featureDetails.checkBoxSelection.isIndeterminate && (((_d = (_c = featureDetails.checkBoxSelection) === null || _c === void 0 ? void 0 : _c.excludedRecords) === null || _d === void 0 ? void 0 : _d.length) > 0 ? true : false)), shouldRenderOnRight: (_e = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _e === void 0 ? void 0 : _e.displayCheckboxOnRight })] }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(grid_checkbox_1.default, { checked: featureDetails.checkBoxSelection.allBoxChecked, onChange: handleHeaderCheckbox, isIndeterminate: featureDetails.checkBoxSelection.isIndeterminate, shouldRenderOnRight: (_f = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _f === void 0 ? void 0 : _f.displayCheckboxOnRight }), HeaderComponent ? ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "px-3" }, { children: [" ", (0, jsx_runtime_1.jsx)(HeaderComponent, {}), " "] }))) : ((0, jsx_runtime_1.jsx)("span", { children: headerDisplayName }))] })) })));
     };
     // JSX for rendering checkbox in cells
     const cellCheckBoxRenderer = (params) => {
@@ -216,9 +216,30 @@ function ParentForGrid(props) {
         var _a, _b, _c;
         return (_b = (_a = fillOperationParams === null || fillOperationParams === void 0 ? void 0 : fillOperationParams.rowNode) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b[(_c = fillOperationParams === null || fillOperationParams === void 0 ? void 0 : fillOperationParams.column) === null || _c === void 0 ? void 0 : _c.colId];
     };
+    // Reference to get the data for tree grid
     const getDataPath = (0, react_1.useCallback)((data) => {
         return data.orgHierarchy;
     }, []);
+    // Render group child conditionally with/without checkbox
+    const RenderGroupChild = () => {
+        // Cell renderer with checkbox 
+        const cellRendererConditionally = (params) => {
+            var _a, _b;
+            if ((_a = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _a === void 0 ? void 0 : _a.displayCheckboxForGroupChild) {
+                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(), 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)] }))) }));
+            }
+            else {
+                return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props === null || props === void 0 ? void 0 : props.ChildComponentForGroup(params) });
+            }
+        };
+        // Group default values
+        return (0, helper_1.autoGroupColumnDef)((props === null || props === void 0 ? void 0 : props.enableTree) ? true : false, // If tree enable
+        props === null || props === void 0 ? void 0 : props.treeHeaderName, // Tree header name
+        props === null || props === void 0 ? void 0 : props.groupField, // Group field
+        props === null || props === void 0 ? void 0 : props.GroupHeaderComponent, // Header component
+        headerCheckBoxRenderer, //
+        props === null || props === void 0 ? void 0 : props.enableCheckboxForGroupHeader, cellRendererConditionally);
+    };
     // Options that grid should have
     const gridOptions = {
         columnDefs: gridData.columnData.map((column) => {
@@ -233,7 +254,7 @@ function ParentForGrid(props) {
                 return Object.assign(Object.assign({}, column), { headerName: (_b = column === null || column === void 0 ? void 0 : column.headerName) === null || _b === void 0 ? void 0 : _b.toUpperCase() });
             }
         }),
-        autoGroupColumnDef: (0, helper_1.autoGroupColumnDef)((props === null || props === void 0 ? void 0 : props.enableTree) ? true : false, props === null || props === void 0 ? void 0 : props.treeHeaderName, props === null || props === void 0 ? void 0 : props.groupField, props === null || props === void 0 ? void 0 : props.GroupHeaderComponent, headerCheckBoxRenderer, props === null || props === void 0 ? void 0 : props.enableCheckboxForGroupHeader, props === null || props === void 0 ? void 0 : props.ChildComponentForGroup),
+        autoGroupColumnDef: RenderGroupChild(),
         treeData: (props === null || props === void 0 ? void 0 : props.enableTree) ? props === null || props === void 0 ? void 0 : props.enableTree : false,
         getDataPath: (props === null || props === void 0 ? void 0 : props.enableTree) ? getDataPath : null,
         defaultColDef: defaultColDef,
@@ -257,7 +278,7 @@ function ParentForGrid(props) {
         onFillEnd: wrapperToFillOpertation,
         fillOperation: myOpertaion,
         getRowId: getRowId,
-        fillHandleDirection: 'y'
+        fillHandleDirection: "y",
     };
     // Fucntion to call the grid
     const callGrid = (featureDetails) => {

package/dist/types/components/ag-grid/Types.d.ts

@@ -95,6 +95,7 @@ export interface ConditionsToDisplay {
     displayEditHeading?: boolean;
     displayFeaturesHeader?: boolean;
     displayCheckboxOnRight?: boolean;
+    displayCheckboxForGroupChild?: boolean;
 }
 export interface PropsFromProduct {
     columnData: ColumnDef[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sccoreui",
-  "version": "6.1.69", 
+  "version": "6.1.71", 
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",