sccoreui 6.1.13 → 6.1.16

package/dist/App.scss

@@ -962,7 +962,7 @@ button[aria-expanded="true"] {
     justify-content: center;
 
   }
-  
+
 
   .formulaSpanElm {
     font-size: 16px;
@@ -972,6 +972,7 @@ button[aria-expanded="true"] {
     height: 32px;
     position: relative;
     top: -4px;
+
     &:first-child {
       display: none;
     }
@@ -1808,8 +1809,17 @@ button[aria-expanded="true"] {
       }
     }
   }
+
+  .selected-none {
+    ul {
+      li.p-highlight {
+        display: none !important;
+      }
+    }
+  }
 }
 
+
 .list_box_chips {
   display: inline-block;
   align-items: center;

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

@@ -14,8 +14,8 @@ 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 } = 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.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, {}), (0, jsx_runtime_1.jsx)(record_detail_1.default, {})] }))] })));
+    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, {})] }))] })));
 }
 exports.default = AdvancedFeatures;

package/dist/components/ag-grid/advancedFeature/hide-column.js

@@ -11,16 +11,30 @@ const inputtext_1 = require("primereact/inputtext");
 const context_provider_1 = require("../context-provider");
 const drag_and_drop_icon_png_1 = tslib_1.__importDefault(require("../../../assets/images/drag-and-drop-icon.png"));
 function HideColumn() {
-    const { gridData, gridApi, updateColumnsForGrid, sidePanelText } = (0, react_1.useContext)(context_provider_1.FeatureContext);
+    const { columnToRender, gridData, gridApi, updateColumnsForGrid, sidePanelText } = (0, react_1.useContext)(context_provider_1.FeatureContext);
     const [visibleRight, setVisibleRight] = (0, react_1.useState)(false);
     const [checked, setChecked] = (0, react_1.useState)(false);
     const [inpValue, setInpValue] = (0, react_1.useState)("");
     const [storeNodes, setStoreNodes] = (0, react_1.useState)();
     const [nodes, setNodes] = (0, react_1.useState)();
-    const assignInitialValues = () => {
+    const [hidePanelNodes, setHidePanelNodes] = (0, react_1.useState)([]);
+    const addColumns = () => {
+        var _a;
+        const columns = [];
+        (_a = gridData.columnData) === null || _a === void 0 ? void 0 : _a.filter((gColumn) => {
+            columnToRender === null || columnToRender === void 0 ? void 0 : columnToRender.filter((rColumn) => {
+                if (gColumn.id === rColumn.id || gColumn.field === rColumn.field) {
+                    columns.push(gColumn);
+                }
+            });
+        });
+        setHidePanelNodes(columns);
+        assignInitialValues(columns);
+    };
+    const assignInitialValues = (panelColumns) => {
         var _a;
         const columnsInBar = [];
-        (_a = JSON.parse(JSON.stringify(gridData === null || gridData === void 0 ? void 0 : gridData.columnData))) === null || _a === void 0 ? void 0 : _a.map((column) => {
+        (_a = JSON.parse(JSON.stringify(panelColumns))) === null || _a === void 0 ? void 0 : _a.map((column) => {
             if (column === null || column === void 0 ? void 0 : column.visibleInPanel) {
                 column.checked = !(column === null || column === void 0 ? void 0 : column.hide);
                 if (column.hide) {
@@ -90,8 +104,7 @@ function HideColumn() {
     const hideColumns = (columnsToHide, updatedSeq) => {
         if (!gridApi)
             return;
-        const columnDefs = JSON.parse(JSON.stringify(gridData.columnData));
-        const updatedColumnDefs = columnDefs.map((colDef) => {
+        const updatedColumnDefs = hidePanelNodes.map((colDef) => {
             const colToHide = columnsToHide.find((col) => col.id === colDef.id);
             colDef.hide = (colDef === null || colDef === void 0 ? void 0 : colDef.visibleInPanel) ? !!colToHide : colDef === null || colDef === void 0 ? void 0 : colDef.hide;
             const updatedCol = updatedSeq.find((col) => col.id === colDef.id);
@@ -129,8 +142,8 @@ function HideColumn() {
         event.preventDefault();
     };
     (0, react_1.useEffect)(() => {
-        assignInitialValues();
-    }, []);
+        addColumns();
+    }, [gridData.columData, columnToRender]);
     (0, react_1.useEffect)(() => {
         if (!visibleRight && (storeNodes === null || storeNodes === void 0 ? void 0 : storeNodes.length)) {
             const fixNodes = [...storeNodes].map((node) => {

package/dist/components/ag-grid/context-provider.js

@@ -6,7 +6,7 @@ const react_1 = require("react");
 const helper_1 = require("./helper");
 exports.FeatureContext = (0, react_1.createContext)(null);
 function MyProvider({ children, value }) {
-    const { featureDetails, setFeatureDetails, gridData, callGrid, totalRecords, initialFeature, defaultFilters, createView, enableViewCreate, filterModelText, sortModelText, recordDetailModelText, sidePanelText, sortOptions, filterConditions, clearFilters, setGridData, gridApi, updateColumnsForGrid } = value;
+    const { featureDetails, setFeatureDetails, gridData, callGrid, totalRecords, initialFeature, defaultFilters, createView, enableViewCreate, filterModelText, sortModelText, recordDetailModelText, sidePanelText, sortOptions, filterConditions, clearFilters, setGridData, gridApi, updateColumnsForGrid, columnToRender } = value;
     // States for sort
     const [columnData] = (0, react_1.useState)(gridData === null || gridData === void 0 ? void 0 : gridData.columnData);
     const [sortValue, setSortValue] = (0, react_1.useState)({});
@@ -90,7 +90,8 @@ function MyProvider({ children, value }) {
             setGridData,
             gridData,
             gridApi,
-            updateColumnsForGrid
+            updateColumnsForGrid,
+            columnToRender
         } }, { children: children })));
 }
 exports.default = MyProvider;

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

@@ -79,27 +79,31 @@ const updateCells = (updatedRowData, setUpdateRowData, api) => {
 };
 exports.updateCells = updateCells;
 // Fill data in grid through drag 
-const fillOperation = (params, api, callBack, parentRowData) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+const fillOperation = (params, api, callBack, parentRowData, editedRecords, setEditedRecords) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
     const { finalRange } = params;
-    const { startRow, endRow, columns, startColumn } = finalRange;
+    const { startRow, endRow, columns,
+    // startColumn 
+     } = finalRange;
     const columnDetails = columns[0].colDef;
-    const selectedColumn = (startColumn === null || startColumn === void 0 ? void 0 : startColumn.userProvidedColDef) || columnDetails;
+    // const selectedColumn: ColumnDef = startColumn?.userProvidedColDef || columnDetails;
+    // console.log(selectedColumn)
     const handleError = () => {
         alert("Sorry, cannot update for now");
     };
-    const rangeDetails = {
-        parentRowData: parentRowData,
-        selectedColumn: selectedColumn,
-        childIds: getChildRowIds(startRow.rowIndex, endRow.rowIndex, api, parentRowData.id)
-    };
+    // 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 = yield callBack(rangeDetails);
-    // Throw error if not success
-    if (!getResponse.isSuccess)
-        return handleError();
+    // 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
     for (let i = startRow.rowIndex; i <= endRow.rowIndex; i++) {
         // Get the row node
@@ -108,31 +112,65 @@ const fillOperation = (params, api, callBack, parentRowData) => tslib_1.__awaite
             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) {
+        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];
+            const schemaForEdit = {
+                row: rowData,
+                field: []
+            };
+            if (!schemaForEdit.field.includes(columnDetails === null || columnDetails === void 0 ? void 0 : columnDetails.field)) {
+                schemaForEdit.field.push(columnDetails === null || columnDetails === void 0 ? void 0 : columnDetails.field);
+            }
+            currentUpdatedRows.push(schemaForEdit);
             // Update the row
             rowNode.setData(rowData);
         }
     }
+    const mergeArraysData = mergeArrays(currentUpdatedRows, editedRecords);
+    if (setEditedRecords) {
+        setEditedRecords(mergeArraysData);
+    }
     // Refresh the cells to show the updated data
     api.refreshCells({ force: true });
 });
 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);
+// Merge previous updated arrays and current updated arrays
+const mergeArrays = (currentUpdatedRows, updatedRecords) => {
+    const mergedMap = new Map();
+    // Add all entries from arr1 to the map
+    currentUpdatedRows === null || currentUpdatedRows === void 0 ? void 0 : currentUpdatedRows.forEach((item) => {
+        mergedMap.set(item.row.id, Object.assign({}, item));
+    });
+    // Merge entries from arr2 to the map
+    updatedRecords === null || updatedRecords === void 0 ? void 0 : updatedRecords.forEach((item) => {
+        const existing = mergedMap.get(item.row.id);
+        if (existing) {
+            // Merge row fields
+            Object.assign(existing.row, item.row);
+            // Merge field arrays, avoiding duplicates
+            existing.field = Array.from(new Set([...existing.field, ...item.field]));
         }
-    }
-    return ids;
+        else {
+            mergedMap.set(item.row.id, Object.assign({}, item));
+        }
+    });
+    // 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

@@ -57,6 +57,7 @@ function ParentForGrid(props) {
         checkBoxSelection: initialCheckBoxData,
         isRemoveClicked: false,
     });
+    const [columnToRender, setColumnToRender] = (0, react_1.useState)([]);
     const gridRef = (0, react_1.useRef)(null);
     // Default column specification
     const defaultColDef = (0, react_1.useMemo)(() => {
@@ -232,11 +233,24 @@ 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);
+        (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);
     };
+    const returnRenderColumn = (0, react_1.useCallback)(() => {
+        let columnToReturn = [];
+        gridData.columnData.filter((column) => {
+            props.columnData.filter((pColumn) => {
+                if (column.id === pColumn.id || column.field === pColumn.field) {
+                    columnToReturn.push(column);
+                }
+            });
+        });
+        // setGridData({...gridData,columnData:columnToReturn})
+        setColumnToRender(columnToReturn);
+        // return columnToReturn
+    }, [props === null || props === void 0 ? void 0 : props.columnData]);
     // Options that grid should have
     const gridOptions = {
-        columnDefs: gridData.columnData.map((column) => {
+        columnDefs: columnToRender.map((column) => {
             var _a, _b;
             if (column.enableChildCheckbox && column.enableHeaderCheckbox) {
                 return Object.assign(Object.assign({}, column), { headerComponent: (params) => headerCheckBoxRenderer(params), cellRenderer: (params) => dataCellRenderer(params, column), headerName: (_a = column === null || column === void 0 ? void 0 : column.headerName) === null || _a === void 0 ? void 0 : _a.toUpperCase(), cellRendererParams: {
@@ -273,6 +287,9 @@ function ParentForGrid(props) {
     const callGrid = (featureDetails) => {
         onGridReady(gridReadyEvent, featureDetails);
     };
+    (0, react_1.useEffect)(() => {
+        returnRenderColumn();
+    }, [props === null || props === void 0 ? void 0 : props.columnData]);
     // Call Grid if something is searched
     (0, react_1.useEffect)(() => {
         if (api && gridReadyEvent) {
@@ -303,27 +320,6 @@ function ParentForGrid(props) {
             (0, helper_1.updateCells)((_b = props === null || props === void 0 ? void 0 : props.updateRowData) === null || _b === void 0 ? void 0 : _b.rowData, props === null || props === void 0 ? void 0 : props.setUpdateRowData, api);
         }
     }, [props.updateRowData]);
-    // Update gridData.columnData whenever props.columnData changes
-    // useEffect(() => {
-    //   setGridData((prevGridData) => {  
-    //     const updatedColumns = sortColumns(props?.columnData)
-    //       .filter(newCol => newCol.id) // Ensure only columns with an `id` are processed
-    //       .map((newCol) => {
-    //         const existingCol = prevGridData.columnData.find((col) => col.id === newCol.id);
-    //         if (existingCol) {
-    //           return {
-    //             ...existingCol,
-    //             ...newCol,
-    //           };
-    //         }
-    //         return newCol;
-    //       });
-    //     return {
-    //       ...prevGridData,
-    //       columnData: updatedColumns,
-    //     };
-    //   });
-    // }, [props?.columnData]);
     (0, react_1.useEffect)(() => {
         var _a;
         const existingColumns = (_a = gridRef === null || gridRef === void 0 ? void 0 : gridRef.current.api) === null || _a === void 0 ? void 0 : _a.getColumnDefs();
@@ -361,7 +357,8 @@ function ParentForGrid(props) {
                                 clearFilters: props === null || props === void 0 ? void 0 : props.clearFilters,
                                 setGridData,
                                 gridApi: gridRef,
-                                updateColumnsForGrid: props === null || props === void 0 ? void 0 : props.updateColumnsForGrid
+                                updateColumnsForGrid: props === null || props === void 0 ? void 0 : props.updateColumnsForGrid,
+                                columnToRender: columnToRender,
                             } }, { children: (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 })] }) })) }) }));
 }
 exports.default = ParentForGrid;

package/dist/components/list-box-dropdown/list-box-dropdown.js

@@ -11,15 +11,12 @@ const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-co
 // import { Checkbox } from "primereact/checkbox";
 const ListBoxDropdown = ({ selectAll, 
 // onSelectAll,
-onChange, footeTemplate, headerTemplate, labelIcon, labelIconPos, label, labelIconSize, listItems, filter, multiple, filterPlaceholder, optionLabel, listClassName, menuClassName, listBoxParentClassName, listBoxclassName, optionTemplate, values, link, className, scrollElementId, buttonClassName, showChips, chipTemplate, chipClassName, chipsParentClassName, showRemoveIcon, removeIconSize, removeIconClassName, onRemoveItem, isDraggable, onDranghandle, onShow, onHide, onFocus, confirmationOption, }) => {
+onChange, footeTemplate, headerTemplate, labelIcon, labelIconPos, label, labelIconSize, listItems, filter, multiple, filterPlaceholder, optionLabel, listClassName, menuClassName, listBoxParentClassName, listBoxclassName, optionTemplate, values, link, className, scrollElementId, buttonClassName, showChips, chipTemplate, chipClassName, chipsParentClassName, showRemoveIcon, removeIconSize, removeIconClassName, onRemoveItem, isDraggable, onDranghandle, onShow, onHide, onFocus, confirmationOption, selectedOptionNone }) => {
     const [selectedItems, setSelectedItems] = (0, react_1.useState)([]);
     // const [inpValue, setInpValue] = useState<any>();
     const optionsMenuRef = (0, react_1.useRef)();
     // const [checked, setChecked] = useState<boolean>(false);
     const onSelectOption = (e) => {
-        // setChecked(e.value.length===listItems.length)
-        console.log(e.value.length);
-        console.log(listItems.length);
         if (confirmationOption === true)
             onChange(e);
         else {
@@ -79,7 +76,7 @@ onChange, footeTemplate, headerTemplate, labelIcon, labelIconPos, label, labelIc
                             template: () => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: listBoxParentClassName
                                     ? listBoxParentClassName +
                                         " list_box_dropdown border-round-lg border-1 overflow-hidden border-gray-200"
-                                    : "list_box_dropdown" }, { children: [headerTemplate && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: headerTemplate() }), (0, jsx_runtime_1.jsx)(listbox_1.ListBox, { itemTemplate: (option) => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: optionTemplate ? (optionTemplate(option)) : ((0, jsx_runtime_1.jsx)("span", { children: option[`${optionLabel}`] })) })), listClassName: `${listClassName ? listClassName : " h-18rem overflow-auto "} ${selectAll && ""}`, filter: filter ? true : false, multiple: multiple ? true : false, value: selectedItems, onChange: (e) => onSelectOption(e), options: listItems, optionLabel: optionLabel, className: `${listBoxclassName
+                                    : "list_box_dropdown" }, { children: [headerTemplate && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: headerTemplate() }), (0, jsx_runtime_1.jsx)(listbox_1.ListBox, { itemTemplate: (option) => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: optionTemplate ? (optionTemplate(option)) : ((0, jsx_runtime_1.jsx)("span", { children: option[`${optionLabel}`] })) })), listClassName: `${selectedOptionNone ? 'selected-none' : ''} ${listClassName ? listClassName : " h-18rem overflow-auto "} ${selectAll && ""}`, filter: filter ? true : false, multiple: multiple ? true : false, value: selectedItems, onChange: (e) => onSelectOption(e), options: selectedOptionNone ? listItems.length === selectedItems.length ? [] : listItems : listItems, optionLabel: optionLabel, className: `${listBoxclassName
                                             ? listBoxclassName
                                             : "w-16rem border-none "} `, filterPlaceholder: filterPlaceholder ? filterPlaceholder : "" }), footeTemplate && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: footeTemplate() })] }))),
                         },

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

@@ -14,6 +14,7 @@ export interface ColumnDef extends ColDef {
     columnType?: string;
     visibleInPanel?: boolean;
     seq?: number;
+    isEditable?: boolean;
 }
 export interface ColHideShow extends ColumnDef {
     checked?: boolean;
@@ -95,6 +96,8 @@ export interface ConditionsToDisplay {
     displaySidePanel?: boolean;
     enableFillHandle?: boolean;
     displayBulkEdit?: boolean;
+    displayDiscardEdit?: boolean;
+    displaySaveEditButton?: boolean;
 }
 export interface PropsFromProduct {
     columnData: ColumnDef[];

package/dist/types/components/ag-grid/context-provider.d.ts

@@ -22,6 +22,7 @@ interface MyProviderProps {
         setGridData: (GridData: any) => void;
         gridApi: any;
         updateColumnsForGrid: (columns: ColumnDef) => void;
+        columnToRender: ColumnDef[];
     };
 }
 declare function MyProvider({ children, value }: MyProviderProps): import("react/jsx-runtime").JSX.Element;

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

package/dist/types/components/list-box-dropdown/list-box-dropdown.d.ts

@@ -1,3 +1,3 @@
 import { ListBoxDropdownTypes } from "../types/type";
-declare const ListBoxDropdown: ({ selectAll, onChange, footeTemplate, headerTemplate, labelIcon, labelIconPos, label, labelIconSize, listItems, filter, multiple, filterPlaceholder, optionLabel, listClassName, menuClassName, listBoxParentClassName, listBoxclassName, optionTemplate, values, link, className, scrollElementId, buttonClassName, showChips, chipTemplate, chipClassName, chipsParentClassName, showRemoveIcon, removeIconSize, removeIconClassName, onRemoveItem, isDraggable, onDranghandle, onShow, onHide, onFocus, confirmationOption, }: ListBoxDropdownTypes) => import("react/jsx-runtime").JSX.Element;
+declare const ListBoxDropdown: ({ selectAll, onChange, footeTemplate, headerTemplate, labelIcon, labelIconPos, label, labelIconSize, listItems, filter, multiple, filterPlaceholder, optionLabel, listClassName, menuClassName, listBoxParentClassName, listBoxclassName, optionTemplate, values, link, className, scrollElementId, buttonClassName, showChips, chipTemplate, chipClassName, chipsParentClassName, showRemoveIcon, removeIconSize, removeIconClassName, onRemoveItem, isDraggable, onDranghandle, onShow, onHide, onFocus, confirmationOption, selectedOptionNone }: ListBoxDropdownTypes) => import("react/jsx-runtime").JSX.Element;
 export default ListBoxDropdown;

package/dist/types/components/types/type.d.ts

@@ -237,6 +237,7 @@ export interface ListBoxDropdownTypes {
     onHide?: (payload: any) => void;
     onFocus?: (payload: any) => void;
     confirmationOption?: boolean;
+    selectedOptionNone?: boolean;
 }
 export interface DatePickerTypes {
     value: any;

package/package.json

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