sccoreui 6.1.19 → 6.1.20

package/dist/components/ag-grid/advancedFeature/advanced-feature.js

@@ -14,8 +14,7 @@ const hide_column_1 = tslib_1.__importDefault(require("./hide-column"));
 function AdvancedFeatures({ props }) {
     const { featureDetails } = (0, react_1.useContext)(context_provider_1.FeatureContext);
     const conditionsToDisplay = props === null || props === void 0 ? void 0 : props.conditionsToDisplay;
-    const { bulkActionComponent: BulkAction, BulkEditComponent: BulkEdit, discardEditComponent: DiscardEdit, SaveEdit: SaveChanges } = props;
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center justify-content-between py-3 px-4" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center gap-3" }, { children: [(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySearch) && ((0, jsx_runtime_1.jsx)(global_search_1.default, { searchPlaceHolder: props === null || props === void 0 ? void 0 : props.placeholder })), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayFilter) && (0, jsx_runtime_1.jsx)(table_filter_1.default, {})] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center gap-3" }, { children: [(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySidePanel) && (0, jsx_runtime_1.jsx)(hide_column_1.default, {}), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayRemoveItems) && (0, jsx_runtime_1.jsx)(remove_items_1.default, {}), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayBulkEdit) && (props === null || props === void 0 ? void 0 : props.BulkEditComponent) && (0, jsx_runtime_1.jsx)(BulkEdit, {}), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayDiscardEdit) && (props === null || props === void 0 ? void 0 : props.discardEditComponent) && (0, jsx_runtime_1.jsx)(DiscardEdit, {}), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayBulkAction) &&
-                        (props === null || props === void 0 ? void 0 : props.bulkActionComponent) && ((0, jsx_runtime_1.jsx)(BulkAction, { checkBoxSelection: featureDetails.checkBoxSelection })), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySaveEditButton) && (props === null || props === void 0 ? void 0 : props.SaveEdit) && (0, jsx_runtime_1.jsx)(SaveChanges, {}), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayRefresh) && (0, jsx_runtime_1.jsx)(refresh_grid_1.default, {}), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySort) && (0, jsx_runtime_1.jsx)(custom_sort_1.default, {}), (0, jsx_runtime_1.jsx)(record_detail_1.default, {})] }))] })));
+    const { bulkActionComponent: BulkAction, BulkEditComponent: BulkEdit, discardEditComponent: DiscardEdit, SaveEdit: SaveChanges, EditHeadingDetails: EditDetails } = props;
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (props === null || props === void 0 ? void 0 : props.editMode) ? ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center justify-content-between py-3 px-4" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex align-items-center gap-3" }, { children: (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayEditHeading) && (props === null || props === void 0 ? void 0 : props.EditHeadingDetails) && (0, jsx_runtime_1.jsx)(EditDetails, {}) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex align-items-center gap-3" }, { children: (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySearch) && ((0, jsx_runtime_1.jsx)(global_search_1.default, { searchPlaceHolder: props === null || props === void 0 ? void 0 : props.placeholder })) })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center gap-3" }, { children: [(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySidePanel) && (0, jsx_runtime_1.jsx)(hide_column_1.default, {}), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayBulkEdit) && (props === null || props === void 0 ? void 0 : props.BulkEditComponent) && (0, jsx_runtime_1.jsx)(BulkEdit, {}), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayDiscardEdit) && (props === null || props === void 0 ? void 0 : props.discardEditComponent) && (0, jsx_runtime_1.jsx)(DiscardEdit, {}), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySaveEditButton) && (props === null || props === void 0 ? void 0 : props.SaveEdit) && ((0, jsx_runtime_1.jsx)(SaveChanges, {}))] }))] }))) : ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center justify-content-between py-3 px-4" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center gap-3" }, { children: [(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySearch) && ((0, jsx_runtime_1.jsx)(global_search_1.default, { searchPlaceHolder: props === null || props === void 0 ? void 0 : props.placeholder })), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayFilter) && (0, jsx_runtime_1.jsx)(table_filter_1.default, {})] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center gap-3" }, { children: [(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySidePanel) && (0, jsx_runtime_1.jsx)(hide_column_1.default, {}), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayRemoveItems) && (0, jsx_runtime_1.jsx)(remove_items_1.default, {}), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayBulkEdit) && (props === null || props === void 0 ? void 0 : props.BulkEditComponent) && (0, jsx_runtime_1.jsx)(BulkEdit, {}), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayBulkAction) && (props === null || props === void 0 ? void 0 : props.bulkActionComponent) && ((0, jsx_runtime_1.jsx)(BulkAction, { checkBoxSelection: featureDetails.checkBoxSelection })), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayRefresh) && (0, jsx_runtime_1.jsx)(refresh_grid_1.default, {}), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySort) && (0, jsx_runtime_1.jsx)(custom_sort_1.default, {}), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayRecords) && (0, jsx_runtime_1.jsx)(record_detail_1.default, {})] }))] }))) }));
 }
 exports.default = AdvancedFeatures;

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

@@ -79,29 +79,12 @@ const updateCells = (updatedRowData, setUpdateRowData, api) => {
 };
 exports.updateCells = updateCells;
 // Fill data in grid through drag 
-const fillOperation = (params, api, callBack, parentRowData, editedRecords, setEditedRecords) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+const fillOperation = (params, api, parentRowData, editedRecords, setEditedRecords) => 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: ColumnDef = startColumn?.userProvidedColDef || columnDetails;
-    // console.log(selectedColumn)
-    const handleError = () => {
-        alert("Sorry, cannot update for now");
-    };
-    // const rangeDetails: RangeDetails = {
-    //   parentRowData: parentRowData,
-    //   selectedColumn: selectedColumn,
-    //    childIds:getChildRowIds(startRow.rowIndex,endRow.rowIndex,api,parentRowData.id)
-    // };
-    if (!callBack) {
-        return handleError();
-    }
-    // Get updated rows
-    // const getResponse = await callBack(rangeDetails);
-    // // Throw error if not success
-    // if (!getResponse.isSuccess) return handleError();
     // Get current updated rows
     const currentUpdatedRows = [];
     // Collect all selected rows
@@ -157,20 +140,3 @@ const mergeArrays = (currentUpdatedRows, updatedRecords) => {
     // Convert map back to array
     return Array.from(mergedMap.values());
 };
-// // 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?.data;
-//     if (rowData.id && rowData.id !== parentId) {
-//       ids.push(rowData.id);
-//     }
-//   }
-//   return ids;
-// };

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

@@ -233,7 +233,7 @@ function ParentForGrid(props) {
     };
     // Update cell from front end and give a call back to products
     const wrapperToFillOpertation = (params) => {
-        (0, helper_1.fillOperation)(params, api, props === null || props === void 0 ? void 0 : props.updateCell, initalDragRowData, props === null || props === void 0 ? void 0 : props.editedRecords, props === null || props === void 0 ? void 0 : props.setEditedRecords);
+        (0, helper_1.fillOperation)(params, api, initalDragRowData, props === null || props === void 0 ? void 0 : props.editedRecords, props === null || props === void 0 ? void 0 : props.setEditedRecords);
     };
     // const returnRenderColumn = useCallback(() => {
     //   let columnToReturn: ColumnDef[] = [];
@@ -281,7 +281,8 @@ function ParentForGrid(props) {
         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 // Assing ids for grid to identify uniquely in server side
+        getRowId: getRowId,
+        fillHandleDirection: 'y'
     };
     // Fucntion to call the grid
     const callGrid = (featureDetails) => {
@@ -338,6 +339,11 @@ function ParentForGrid(props) {
         const reOrderedColumns = updatedColumnDefs.sort((a, b) => a.seq - b.seq);
         gridRef.current.api.setGridOption("columnDefs", reOrderedColumns);
     }, [props === null || props === void 0 ? void 0 : props.columnData]);
+    (0, react_1.useEffect)(() => {
+        if (props === null || props === void 0 ? void 0 : props.emptyCheckboxStatus) {
+            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.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: {
                                 featureDetails,
                                 setFeatureDetails,

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

@@ -1,5 +1,6 @@
 import { ColDef } from "@ag-grid-community/core";
 import { GRID_CHECKBOX_STATUS } from "./constants";
+import React from "react";
 export interface ColumnDef extends ColDef {
     id: string;
     dataType: any;
@@ -89,6 +90,7 @@ export interface ConditionsToDisplay {
     displaySearch?: boolean;
     displayRefresh?: boolean;
     displayRemoveItems?: boolean;
+    displayRecords?: boolean;
     displayGrouping?: boolean;
     displayColumnHide?: boolean;
     displayBulkAction?: boolean;
@@ -98,6 +100,7 @@ export interface ConditionsToDisplay {
     displayBulkEdit?: boolean;
     displayDiscardEdit?: boolean;
     displaySaveEditButton?: boolean;
+    displayEditHeading?: boolean;
 }
 export interface PropsFromProduct {
     columnData: ColumnDef[];
@@ -109,13 +112,22 @@ export interface PropsFromProduct {
     rowModelType?: string;
     getCheckedRows?: () => void;
     shouldRefetch?: boolean;
-    noRowsOverlayComponent?: React.FC;
+    defaultFilters?: any[];
+    noRowsOverlayComponent?: React.Component;
     createView?: () => void;
     dynamicText?: DynamicText;
     sortOptions?: any[];
     filterConditions?: FilterCondition[];
     clearFilters?: Boolean;
     updateColumnsForGrid?: (columns: ColumnDef) => void;
+    BulkEditComponent?: React.Component;
+    editMode?: boolean;
+    discardEditComponent?: React.Component;
+    SaveEdit?: React.Component;
+    setEditedRecords?: () => void;
+    editedRecords?: any[];
+    emptyCheckboxStatus?: boolean;
+    EditHeadingDetails?: React.Component;
 }
 export interface ResoponseFromCallback {
     totalRecords: number;

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

@@ -3,4 +3,4 @@ export declare const parseIfNeeded: (value: any) => any;
 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, callBack: any, parentRowData: any, editedRecords: any, setEditedRecords: any) => Promise<void>;
+export declare const fillOperation: (params: any, api: any, parentRowData: any, editedRecords: any, setEditedRecords: any) => Promise<void>;

package/package.json

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