sccoreui 6.1.7 → 6.1.8

package/dist/components/ag-grid/advancedFeature/new-filter/table-filter.js

@@ -136,7 +136,6 @@ const TableFilter = () => {
         });
         setAllFieldsFilled(isAllFieldsFilled && enbleApply);
     }, [conditionsArray, enbleApply]);
-    console.log(isOverlayOpened, globalFilters.length, 'toggle property');
     return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: `cursor-pointer filter-btn-grid font-semibold hover:bg-primary-50 sc_icon_hover flex align-items-center gap-2 border-round-lg ${isOverlayOpened ||
                     (globalFilters === null || globalFilters === void 0 ? void 0 : globalFilters.filter((each) => each.isActive).length) >= 1
                     ? "bg-primary-50"

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.fillOperation = exports.sortColumns = exports.parseIfNeeded = exports.applyDefaultFilters = void 0;
+const tslib_1 = require("tslib");
 const applyDefaultFilters = (defaultFilters) => {
-    console.log(defaultFilters, 'deafult filters');
     const filters = defaultFilters === null || defaultFilters === void 0 ? void 0 : defaultFilters.map((item) => {
         const obj = {
             logicalOperator: item === null || item === void 0 ? void 0 : item.logicalOperator,
@@ -44,43 +44,61 @@ const sortColumns = (columns) => {
     return sortedColumns;
 };
 exports.sortColumns = sortColumns;
-const fillOperation = (params, api, initialDragRowIndex, callBack) => {
+// Fill data in grid through drag 
+const fillOperation = (params, api, callBack, parentRowData) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
     const { finalRange } = params;
     const { startRow, endRow, columns, startColumn } = finalRange;
     const columnDetails = columns[0].colDef;
     const selectedColumn = (startColumn === null || startColumn === void 0 ? void 0 : startColumn.userProvidedColDef) || columnDetails;
-    // Determine the parent row based on the drag direction
-    let parentRowIndex;
-    if (initialDragRowIndex <= endRow.rowIndex) {
-        parentRowIndex = initialDragRowIndex;
-    }
-    else {
-        parentRowIndex = endRow.rowIndex;
+    const handleError = () => {
+        alert("Sorry, cannot update for now");
+    };
+    const rangeDetails = {
+        parentRowData: parentRowData,
+        selectedColumn: selectedColumn,
+        childIds: getChildRowIds(startRow.rowIndex, endRow.rowIndex, api, parentRowData.id)
+    };
+    if (!callBack) {
+        return handleError();
     }
-    const parentRowData = api.getDisplayedRowAtIndex(parentRowIndex).data;
+    // Get updated rows
+    const getResponse = yield callBack(rangeDetails);
+    // Throw error if not success
+    if (!getResponse.isSuccess)
+        return handleError();
     // Collect all selected rows
-    const selectedRows = [];
-    for (let i = Math.min(startRow.rowIndex, endRow.rowIndex); i <= Math.max(startRow.rowIndex, endRow.rowIndex); i++) {
+    for (let i = startRow.rowIndex; i <= endRow.rowIndex; i++) {
+        // Get the row node
         const rowNode = api.getDisplayedRowAtIndex(i);
-        const rowData = rowNode.data;
-        console.log(rowData, 'row data in loop of fill');
-        // Update the cell value with the value from the parent row
-        rowData[columnDetails.field] = parentRowData[columnDetails.field];
-        if (rowData && rowData !== parentRowData) {
-            selectedRows.push(rowData);
+        if (!rowNode)
+            continue; // Skip if rowNode is undefined
+        const rowData = rowNode === null || rowNode === void 0 ? void 0 : rowNode.data;
+        // Check if rowData exists and update the field
+        if (rowData && rowNode.id !== parentRowData.id) {
+            rowData[columnDetails === null || columnDetails === void 0 ? void 0 : columnDetails.field] = parentRowData[columnDetails === null || columnDetails === void 0 ? void 0 : columnDetails.field];
+            // Apply transaction to update the row
+            api.applyTransaction({ update: [rowData] });
         }
-        // Reflect the change in the row node directly
-        rowNode.setDataValue(columnDetails.field, rowData[columnDetails.field]);
     }
     // Refresh the cells to show the updated data
     api.refreshCells({ force: true });
-    const selectedRowsToUpdate = {
-        column: selectedColumn,
-        parentRow: parentRowData,
-        childRows: selectedRows,
-    };
-    if (callBack) {
-        callBack(selectedRowsToUpdate);
+});
+exports.fillOperation = fillOperation;
+// Give child ids for fill update
+const getChildRowIds = (startIndex, endIndex, api, parentId) => {
+    const ids = [];
+    if (!(startIndex >= 0) || !(endIndex > 0)) {
+        return [];
     }
+    for (let i = startIndex; i <= endIndex; i++) {
+        // Get the row node
+        const rowNode = api.getDisplayedRowAtIndex(i);
+        if (!rowNode)
+            continue; // Skip if rowNode is undefined
+        const rowData = rowNode === null || rowNode === void 0 ? void 0 : rowNode.data;
+        if (rowData.id && rowData.id !== parentId) {
+            ids.push(rowData.id);
+        }
+    }
+    return ids;
 };
-exports.fillOperation = fillOperation;

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

@@ -12,7 +12,7 @@ const constants_1 = require("./constants");
 const loading_component_1 = tslib_1.__importDefault(require("./loading-component"));
 const helper_1 = require("./helper");
 function ParentForGrid(props) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f, _g;
     const [gridData, setGridData] = (0, react_1.useState)({
         rowData: [],
         columnData: (0, helper_1.sortColumns)(props === null || props === void 0 ? void 0 : props.columnData)
@@ -23,7 +23,7 @@ function ParentForGrid(props) {
     const [totalRecords, setTotalRecords] = (0, react_1.useState)(0);
     const [gridReadyEvent, setGridReadyEvent] = (0, react_1.useState)();
     const [defaultSelectedRows, setDefaultSelectedRows] = (0, react_1.useState)([]);
-    const [initialDragRowIndex, setInitialDragRowIndex] = (0, react_1.useState)(null);
+    const [initalDragRowData, setInitialDragRowData] = (0, react_1.useState)();
     const [defaultFilters, setDefaultFilters] = (0, react_1.useState)((props === null || props === void 0 ? void 0 : props.defaultFilters) || []);
     const [emptyResponse] = (0, react_1.useState)({
         totalRecords: 0,
@@ -178,11 +178,11 @@ function ParentForGrid(props) {
         else if (props.rowModelType === constants_1.ROWMODELTYPE.INFINITE) {
             const dataSource = {
                 getRows: (params) => tslib_1.__awaiter(this, void 0, void 0, function* () {
-                    var _f;
+                    var _h;
                     const startRow = params.startRow;
                     const endRow = params.endRow;
                     const result = yield getData(startRow, endRow, currentFeatures);
-                    if (((_f = result === null || result === void 0 ? void 0 : result.rowData) === null || _f === void 0 ? void 0 : _f.length) > 0) {
+                    if (((_h = result === null || result === void 0 ? void 0 : result.rowData) === null || _h === void 0 ? void 0 : _h.length) > 0) {
                         gridRef.current.api.hideOverlay();
                         params.successCallback(result === null || result === void 0 ? void 0 : result.rowData, result === null || result === void 0 ? void 0 : result.actualEndRow);
                     }
@@ -198,7 +198,7 @@ function ParentForGrid(props) {
         else if (props.rowModelType === constants_1.ROWMODELTYPE.SERVER_SIDE) {
             const dataSource = {
                 getRows: (params) => tslib_1.__awaiter(this, void 0, void 0, function* () {
-                    var _g;
+                    var _j;
                     const startRow = params.request.startRow;
                     const endRow = params.request.endRow;
                     // Scroll should not exit MAX_RECORDS_TO_LOAD 
@@ -214,7 +214,7 @@ function ParentForGrid(props) {
                     // get data for request from our fake server
                     const response = yield getData(startRow, endRow, currentFeatures, params === null || params === void 0 ? void 0 : params.request);
                     // simulating real server call with a 500ms delay
-                    if (((_g = response.rowData) === null || _g === void 0 ? void 0 : _g.length) > 0) {
+                    if (((_j = response.rowData) === null || _j === void 0 ? void 0 : _j.length) > 0) {
                         setGridData(Object.assign(Object.assign({}, gridData), { rowData: response.rowData }));
                         gridRef.current.api.hideOverlay();
                         // supply rows for requested block to grid
@@ -233,16 +233,15 @@ function ParentForGrid(props) {
             params.api.setGridOption("serverSideDatasource", dataSource);
         }
     });
+    const getRowId = (prams) => prams.data.id;
     // Get the direction of selected range
     const onCellMouseDown = (event) => {
-        setInitialDragRowIndex(event.node.rowIndex);
+        setInitialDragRowData(event.node.data);
     };
     // Update cell from front end and give a call back to products
     const wrapperToFillOpertation = (params) => {
-        (0, helper_1.fillOperation)(params, api, initialDragRowIndex, props === null || props === void 0 ? void 0 : props.updateCell);
+        (0, helper_1.fillOperation)(params, api, props === null || props === void 0 ? void 0 : props.updateCell, initalDragRowData);
     };
-    // Give unique id for rows to grid
-    const getRowId = (prams) => prams.data.id;
     // Options that grid should have
     const gridOptions = {
         columnDefs: gridData.columnData.map((column) => {
@@ -258,7 +257,6 @@ function ParentForGrid(props) {
             }
         }),
         defaultColDef: defaultColDef,
-        // enableRangeSelection: true, // Enabling range selection
         suppressMenuHide: false,
         rowSelection: "multiple",
         suppressRowClickSelection: true,
@@ -273,11 +271,11 @@ function ParentForGrid(props) {
         suppressCellFocus: true,
         suppressPropertyNamesCheck: true,
         suppressServerSideFullWidthLoadingRow: true,
-        enableRangeSelection: true,
-        enableFillHandle: true,
+        enableRangeSelection: (_a = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _a === void 0 ? void 0 : _a.enableFillHandle,
+        enableFillHandle: (_b = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _b === void 0 ? void 0 : _b.enableFillHandle,
         onFillEnd: wrapperToFillOpertation,
         onCellMouseDown: onCellMouseDown,
-        getRowId: getRowId
+        getRowId: getRowId // Assing ids for grid to identify uniquely in server side
     };
     // Fucntion to call the grid
     const callGrid = (featureDetails) => {
@@ -355,11 +353,11 @@ function ParentForGrid(props) {
                                 initialFeature,
                                 defaultFilters,
                                 createView: props === null || props === void 0 ? void 0 : props.createView,
-                                enableViewCreate: (_a = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _a === void 0 ? void 0 : _a.enableViewCreate,
-                                filterModelText: (_b = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _b === void 0 ? void 0 : _b.filterModelText,
-                                sortModelText: (_c = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _c === void 0 ? void 0 : _c.sortModelText,
-                                recordDetailModelText: (_d = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _d === void 0 ? void 0 : _d.recordDetailModelText,
-                                sidePanelText: (_e = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _e === void 0 ? void 0 : _e.sidePanelText,
+                                enableViewCreate: (_c = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _c === void 0 ? void 0 : _c.enableViewCreate,
+                                filterModelText: (_d = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _d === void 0 ? void 0 : _d.filterModelText,
+                                sortModelText: (_e = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _e === void 0 ? void 0 : _e.sortModelText,
+                                recordDetailModelText: (_f = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _f === void 0 ? void 0 : _f.recordDetailModelText,
+                                sidePanelText: (_g = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _g === void 0 ? void 0 : _g.sidePanelText,
                                 sortOptions: (props === null || props === void 0 ? void 0 : props.sortOptions) ? props.sortOptions : constants_1.COLUMN_SORT_OPTIONS,
                                 filterConditions: props === null || props === void 0 ? void 0 : props.filterConditions,
                                 clearFilters: props === null || props === void 0 ? void 0 : props.clearFilters,

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

@@ -93,6 +93,7 @@ export interface ConditionsToDisplay {
     displayBulkAction?: boolean;
     enableViewCreate?: boolean;
     displaySidePanel?: boolean;
+    enableFillHandle?: boolean;
 }
 export interface PropsFromProduct {
     columnData: ColumnDef[];
@@ -179,4 +180,9 @@ export interface CallGridOnHide {
     toUpdateView: boolean;
     reorderedColumns: ColumnDef[];
 }
+export interface RangeDetails {
+    parentRowData: any;
+    selectedColumn: ColumnDef;
+    childIds: string | number[];
+}
 export {};

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

@@ -1,4 +1,4 @@
 export declare const applyDefaultFilters: (defaultFilters: any) => any;
 export declare const parseIfNeeded: (value: any) => any;
 export declare const sortColumns: (columns: any) => any;
-export declare const fillOperation: (params: any, api: any, initialDragRowIndex: any, callBack: any) => void;
+export declare const fillOperation: (params: any, api: any, callBack: any, parentRowData: any) => Promise<void>;

package/package.json

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