sccoreui 6.2.12 → 6.2.14

package/dist/components/ag-grid/helper.js

@@ -172,11 +172,11 @@ const mergeArrays = (currentUpdatedRows, updatedRecords) => {
     // Convert map back to array
     return Array.from(mergedMap.values());
 };
-const autoGroupColumnDef = (isTreeEnable, headerName, groupField, GroupHeaderComponent, headerCheckboxRenderer, enableCheckboxForGroupHeader, displayGroupCount, ChildRendererForGroup, HeaderRendererForGroup) => {
+const autoGroupColumnDef = (isTreeEnable, headerName, groupField, GroupHeaderComponent, headerCheckboxRenderer, enableCheckboxForGroupHeader, displayGroupCount, rowGroupColumnWidth, ChildRendererForGroup, HeaderRendererForGroup) => {
     if (isTreeEnable) {
         return {
             headerName: headerName ? headerName : "Group",
-            minWidth: 300,
+            minWidth: rowGroupColumnWidth || 300,
             // cellRenderer:(params)=> params.data?.name  ,
             cellRendererParams: {
                 suppressCount: true,
@@ -190,7 +190,7 @@ const autoGroupColumnDef = (isTreeEnable, headerName, groupField, GroupHeaderCom
                 ? () => headerCheckboxRenderer("", GroupHeaderComponent)
                 : GroupHeaderComponent,
             cellRenderer: "agGroupCellRenderer",
-            minWidth: 200,
+            minWidth: rowGroupColumnWidth || 300,
             cellRendererParams: (params) => {
                 var _a;
                 // Render custom component for all group childs

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

@@ -14,13 +14,13 @@ const context_provider_1 = tslib_1.__importDefault(require("./context-provider")
 const group_checkbox_1 = tslib_1.__importDefault(require("./group-checkbox"));
 const utilComponents_1 = require("./utilComponents");
 function ParentForGrid(props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
     const [gridData, setGridData] = (0, react_1.useState)({
         rowData: [],
         columnData: (0, helper_1.sortColumns)(props === null || props === void 0 ? void 0 : props.columnData),
     });
     let maxLength = 0;
-    const [style] = (0, react_1.useState)(props.style);
+    // const [style] = useState<Style>(props.style);
     const [api, setApi] = (0, react_1.useState)(null);
     const [totalRecords, setTotalRecords] = (0, react_1.useState)(0);
     const [gridReadyEvent, setGridReadyEvent] = (0, react_1.useState)();
@@ -142,7 +142,7 @@ function ParentForGrid(props) {
     });
     // Gets call onLoad,scroll and whenever any featureDetails changed
     const onGridReady = (params, updatedFeatures) => tslib_1.__awaiter(this, void 0, void 0, function* () {
-        var _m, _o;
+        var _p, _q;
         setApi(params.api);
         setGridReadyEvent(params);
         let currentFeatures = updatedFeatures;
@@ -155,21 +155,21 @@ function ParentForGrid(props) {
             if (result.rowData) {
                 setGridData(Object.assign(Object.assign({}, gridData), { rowData: result.rowData }));
                 gridRef.current.api.hideOverlay();
-                (_m = params === null || params === void 0 ? void 0 : params.api) === null || _m === void 0 ? void 0 : _m.applyTransaction({ add: result.rowData });
+                (_p = params === null || params === void 0 ? void 0 : params.api) === null || _p === void 0 ? void 0 : _p.applyTransaction({ add: result.rowData });
             }
             else {
-                (_o = params === null || params === void 0 ? void 0 : params.api) === null || _o === void 0 ? void 0 : _o.applyTransaction({ add: [] });
+                (_q = params === null || params === void 0 ? void 0 : params.api) === null || _q === void 0 ? void 0 : _q.applyTransaction({ add: [] });
             }
         }
         else if (props.rowModelType === constants_1.ROWMODELTYPE.SERVER_SIDE) {
             const dataSource = {
                 getRows: (params) => tslib_1.__awaiter(this, void 0, void 0, function* () {
-                    var _p, _q, _r;
+                    var _r, _s, _t;
                     const startRow = params.request.startRow;
                     const endRow = params.request.endRow;
                     // Scroll should not exit MAX_RECORDS_TO_LOAD
                     if (endRow > maxLength && maxLength > 0) {
-                        (_p = gridRef === null || gridRef === void 0 ? void 0 : gridRef.current.api) === null || _p === void 0 ? void 0 : _p.hideOverlay();
+                        (_r = gridRef === null || gridRef === void 0 ? void 0 : gridRef.current.api) === null || _r === void 0 ? void 0 : _r.hideOverlay();
                         // supply rows for requested block to grid
                         params.success({
                             rowData: gridData.rowData,
@@ -180,7 +180,7 @@ function ParentForGrid(props) {
                     // get data for request from our fake server
                     const response = yield getData(startRow, endRow, currentFeatures, params);
                     // simulating real server call with a 500ms delay
-                    if (((_q = response.rowData) === null || _q === void 0 ? void 0 : _q.length) > 0) {
+                    if (((_s = response.rowData) === null || _s === void 0 ? void 0 : _s.length) > 0) {
                         setGridData(Object.assign(Object.assign({}, gridData), { rowData: response.rowData }));
                         gridRef.current.api.hideOverlay();
                         // supply rows for requested block to grid
@@ -190,7 +190,7 @@ function ParentForGrid(props) {
                     else {
                         // params.fail();
                         const gridRows = startRow >= constants_1.BLOCK_SIZE ? gridData.rowData : [];
-                        if (!((_r = params === null || params === void 0 ? void 0 : params.parentNode) === null || _r === void 0 ? void 0 : _r.id))
+                        if (!((_t = params === null || params === void 0 ? void 0 : params.parentNode) === null || _t === void 0 ? void 0 : _t.id))
                             gridRef.current.api.showNoRowsOverlay();
                         params.success({ rowData: gridRows });
                         return;
@@ -273,8 +273,8 @@ function ParentForGrid(props) {
             props === null || props === void 0 ? void 0 : props.groupField, // Group field
             GridHeaderComponent, // Header component
             headerCheckBoxRenderer, //
-            props === null || props === void 0 ? void 0 : props.enableCheckboxForGroupHeader, props.conditionsToDisplay.displayGroupCount, cellRendererConditionally, GroupHeaderRenderer // Custom component for group header
-            );
+            props === null || props === void 0 ? void 0 : props.enableCheckboxForGroupHeader, props.conditionsToDisplay.displayGroupCount, parseInt(props === null || props === void 0 ? void 0 : props.rowGroupColumnWidth), // for grouped column width
+            cellRendererConditionally, GroupHeaderRenderer);
         }
         else {
             return (0, helper_1.autoGroupColumnDef)((props === null || props === void 0 ? void 0 : props.enableTree) ? true : false, // If tree enable
@@ -282,8 +282,8 @@ function ParentForGrid(props) {
             props === null || props === void 0 ? void 0 : props.groupField, // Group field
             GridHeaderComponent, // Header component
             headerCheckBoxRenderer, //
-            props === null || props === void 0 ? void 0 : props.enableCheckboxForGroupHeader, props.conditionsToDisplay.displayGroupCount, GroupHeaderRenderer // Custom component for group header
-            );
+            props === null || props === void 0 ? void 0 : props.enableCheckboxForGroupHeader, props.conditionsToDisplay.displayGroupCount, parseInt(props === null || props === void 0 ? void 0 : props.rowGroupColumnWidth), // for grouped column width
+            GroupHeaderRenderer);
         }
     };
     (0, react_1.useEffect)(() => {
@@ -294,13 +294,9 @@ function ParentForGrid(props) {
             setIntialColumns(deepCopyOfColumns);
         }
     }, [intialColumns]);
-    // const gridStyle = {
-    //   width: props?.style?.width, // Full width
-    //   ...(totalRecords > 6 && { height: props?.style?.height }), // Set height only if records > 6
-    // };
+    const gridStyle = Object.assign({ width: (_c = props === null || props === void 0 ? void 0 : props.style) === null || _c === void 0 ? void 0 : _c.width }, (totalRecords > 6 && { height: (_d = props === null || props === void 0 ? void 0 : props.style) === null || _d === void 0 ? void 0 : _d.height }));
     // Options that grid should have
-    const gridOptions = {
-        columnDefs: (_c = gridData === null || gridData === void 0 ? void 0 : gridData.columnData) === null || _c === void 0 ? void 0 : _c.map((column) => {
+    const gridOptions = Object.assign({ columnDefs: (_e = gridData === null || gridData === void 0 ? void 0 : gridData.columnData) === null || _e === void 0 ? void 0 : _e.map((column) => {
             var _a, _b;
             if ((column === null || column === void 0 ? void 0 : column.enableChildCheckbox) && (column === null || column === void 0 ? void 0 : column.enableHeaderCheckbox)) {
                 return Object.assign(Object.assign({}, column), { headerComponent: (params) => headerCheckBoxRenderer(params === null || params === void 0 ? void 0 : params.displayName, (column === null || column === void 0 ? void 0 : column.headerComponent) && ""), cellRenderer: (params) => (0, utilComponents_1.dataCellRenderer)(params, column, props), cellRendererParams: {
@@ -311,39 +307,8 @@ function ParentForGrid(props) {
             else {
                 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: manageColumnGrouping(),
-        // Manage column grouping and use valueFormatter to handle display of '--'
-        autoGroupColumnDef: Object.assign(Object.assign({}, manageColumnGrouping()), { valueFormatter: (params) => {
-                // Replace '--' with an empty string or a custom placeholder
-                return (params === null || params === void 0 ? void 0 : params.value) === '--' ? '' : params === null || params === void 0 ? void 0 : params.value;
-            } }),
-        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,
-        suppressMenuHide: false,
-        rowSelection: "multiple",
-        suppressRowClickSelection: true,
-        headerHeight: props === null || props === void 0 ? void 0 : props.columnHeaderHeight,
-        rowHeight: constants_1.ROW_HEIGHT,
-        rowModelType: props.rowModelType,
-        pinnedTopRowData: props === null || props === void 0 ? void 0 : props.pinnedTopRowData,
-        cacheBlockSize: constants_1.BLOCK_SIZE,
-        maxBlocksInCache: constants_1.MAX_BLOCKS,
-        blockLoadDebounceMillis: constants_1.DEBOUNCE_INTERVAL,
-        noRowsOverlayComponent: props === null || props === void 0 ? void 0 : props.noRowsOverlayComponent,
-        loadingOverlayComponent: loading_component_1.default,
-        suppressCellFocus: true,
-        suppressPropertyNamesCheck: true,
-        suppressServerSideFullWidthLoadingRow: true,
-        enableRangeSelection: (_d = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _d === void 0 ? void 0 : _d.enableFillHandle,
-        enableFillHandle: (_e = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _e === void 0 ? void 0 : _e.enableFillHandle,
-        onFillEnd: wrapperToFillOpertation,
-        fillOperation: myOpertaion,
-        getRowId: getRowId,
-        fillHandleDirection: "y",
-        // ...(totalRecords > 6 && { domLayout: 'autoHeight' }) // for auto height based on table content
-    };
+        }), autoGroupColumnDef: manageColumnGrouping(), 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, suppressMenuHide: false, rowSelection: "multiple", suppressRowClickSelection: true, headerHeight: props === null || props === void 0 ? void 0 : props.columnHeaderHeight, rowHeight: constants_1.ROW_HEIGHT, rowModelType: props.rowModelType, pinnedTopRowData: props === null || props === void 0 ? void 0 : props.pinnedTopRowData, cacheBlockSize: constants_1.BLOCK_SIZE, maxBlocksInCache: constants_1.MAX_BLOCKS, blockLoadDebounceMillis: constants_1.DEBOUNCE_INTERVAL, noRowsOverlayComponent: props === null || props === void 0 ? void 0 : props.noRowsOverlayComponent, loadingOverlayComponent: loading_component_1.default, suppressCellFocus: true, suppressPropertyNamesCheck: true, suppressServerSideFullWidthLoadingRow: true, enableRangeSelection: (_f = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _f === void 0 ? void 0 : _f.enableFillHandle, enableFillHandle: (_g = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _g === void 0 ? void 0 : _g.enableFillHandle, onFillEnd: wrapperToFillOpertation, fillOperation: myOpertaion, getRowId: getRowId, fillHandleDirection: "y" }, (totalRecords < 6 ? { domLayout: 'autoHeight' } : { domLayout: undefined }) // for auto height based on table content
+    );
     // Fucntion to call the grid
     const callGrid = (featureDetails) => {
         onGridReady(gridReadyEvent, featureDetails);
@@ -401,7 +366,7 @@ function ParentForGrid(props) {
             setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: initialCheckBoxData }));
         }
     }, [props === null || props === void 0 ? void 0 : props.emptyCheckboxStatus]);
-    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: {
+    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: gridStyle === null || gridStyle === void 0 ? void 0 : gridStyle.height, width: gridStyle === null || gridStyle === void 0 ? void 0 : gridStyle.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: {
                                 featureDetails,
                                 setFeatureDetails,
                                 gridData,
@@ -410,11 +375,11 @@ function ParentForGrid(props) {
                                 initialFeature,
                                 defaultFilters,
                                 createView: props === null || props === void 0 ? void 0 : props.createView,
-                                enableViewCreate: (_f = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _f === void 0 ? void 0 : _f.enableViewCreate,
-                                filterModelText: (_g = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _g === void 0 ? void 0 : _g.filterModelText,
-                                sortModelText: (_h = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _h === void 0 ? void 0 : _h.sortModelText,
-                                recordDetailModelText: (_j = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _j === void 0 ? void 0 : _j.recordDetailModelText,
-                                sidePanelText: (_k = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _k === void 0 ? void 0 : _k.sidePanelText,
+                                enableViewCreate: (_h = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _h === void 0 ? void 0 : _h.enableViewCreate,
+                                filterModelText: (_j = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _j === void 0 ? void 0 : _j.filterModelText,
+                                sortModelText: (_k = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _k === void 0 ? void 0 : _k.sortModelText,
+                                recordDetailModelText: (_l = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _l === void 0 ? void 0 : _l.recordDetailModelText,
+                                sidePanelText: (_m = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _m === void 0 ? void 0 : _m.sidePanelText,
                                 sortOptions: (props === null || props === void 0 ? void 0 : props.sortOptions)
                                     ? props.sortOptions
                                     : constants_1.COLUMN_SORT_OPTIONS,
@@ -430,6 +395,6 @@ function ParentForGrid(props) {
                                 initialCheckBoxData: initialCheckBoxData,
                                 intialColumns,
                                 setIntialColumns
-                            } }, { 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 })] }) })) }) }));
+                            } }, { children: ((_o = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _o === void 0 ? void 0 : _o.displayFeaturesHeader) && ((0, jsx_runtime_1.jsx)(advanced_feature_1.default, { props: props })) })), (0, jsx_runtime_1.jsx)(AgGrid_1.default, { style: gridStyle, gridOptions: gridOptions, onGridReady: onGridReady, gridRef: gridRef })] }) })) }) }));
 }
 exports.default = ParentForGrid;

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

@@ -143,6 +143,7 @@ export interface PropsFromProduct {
     AdvancedFilter?: React.FC;
     removeCallBack?: (featureDetails: Features) => void;
     rowGroupHeaderComponent: React.FC;
+    rowGroupColumnWidth: string | number;
 }
 export interface ResoponseFromCallback {
     totalRecords: number;

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

@@ -7,7 +7,7 @@ export declare const sortColumns: (columns: any) => any;
 export declare const getCheckedStatus: (row: any, featureDetails: any, GRID_CHECKBOX_STATUS: any, setFeatureDetails: any) => any;
 export declare const updateCells: (updatedRowData: any, setUpdateRowData: any, api: any) => void;
 export declare const fillOperation: (params: any, api: any, editedRecords: any, setEditedRecords: any) => Promise<void>;
-export declare const autoGroupColumnDef: (isTreeEnable: boolean, headerName: string, groupField: string, GroupHeaderComponent: React.FC, headerCheckboxRenderer: React.FC, enableCheckboxForGroupHeader: boolean, displayGroupCount: boolean, ChildRendererForGroup?: React.FC, HeaderRendererForGroup?: React.FC) => {
+export declare const autoGroupColumnDef: (isTreeEnable: boolean, headerName: string, groupField: string, GroupHeaderComponent: React.FC, headerCheckboxRenderer: React.FC, enableCheckboxForGroupHeader: boolean, displayGroupCount: boolean, rowGroupColumnWidth: number, ChildRendererForGroup?: React.FC, HeaderRendererForGroup?: React.FC) => {
     headerName: string;
     minWidth: number;
     cellRendererParams: {

package/package.json

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