sccoreui 6.4.54 → 6.4.56

package/dist/App.scss

@@ -1975,7 +1975,7 @@ div:has(ul.date_filter) .p-datepicker-footer {
 
 .p-multiselect-panel {
   .p-multiselect-items {
-    padding: 6px;
+    padding: 4px;
     min-width: 140px !important;
   }
 }

package/dist/assets/sccoreui.css

@@ -1909,7 +1909,9 @@ a {
   background: transparent;
   transition: box-shadow 0.2s;
   border-radius: 4px !important;
-  margin-bottom: 2px;
+  &:not(:last-child) {
+    margin-bottom: 2px;
+  }
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
   background: var(--gray-50);

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

@@ -62,21 +62,30 @@ const sortColumns = (columns) => {
 };
 exports.sortColumns = sortColumns;
 // Give checkbox checked status
-const getCheckedStatus = (row, featureDetails, GRID_CHECKBOX_STATUS, setFeatureDetails) => {
+const getCheckedStatus = (row, featureDetails, GRID_CHECKBOX_STATUS) => {
     const { allBoxChecked, excludedRecords, includedRecords, headerCheckBoxStatus, } = featureDetails.checkBoxSelection;
     if (allBoxChecked) {
         return !excludedRecords.includes(row);
     }
     else {
+        if (excludedRecords.some((y) => y.id === row.id)) {
+            return false;
+        }
         if (headerCheckBoxStatus === GRID_CHECKBOX_STATUS.NEUTRAL &&
             (row === null || row === void 0 ? void 0 : row.isSelected)) {
-            if (!includedRecords.includes(row)) {
-                includedRecords.push(row);
-                setFeatureDetails((prev) => (Object.assign(Object.assign({}, prev), { checkBoxSelection: Object.assign(Object.assign({}, prev.checkBoxSelection), { includedRecords: [...includedRecords] }) })));
-            }
+            // if (!includedRecords.includes(row)) {
+            //   // includedRecords.push(row);
+            //   // setFeatureDetails((prev) => ({
+            //   //   ...prev,
+            //   //   checkBoxSelection: {
+            //   //     ...prev.checkBoxSelection,
+            //   //     includedRecords: [...includedRecords],
+            //   //   },
+            //   // }));
+            // }
             return true;
         }
-        return includedRecords.includes(row);
+        return includedRecords.some((y) => y.id === row.id);
     }
 };
 exports.getCheckedStatus = getCheckedStatus;
@@ -227,7 +236,7 @@ exports.autoGroupColumnDef = autoGroupColumnDef;
 // depending on whether all checkboxes are checked or not (`allBoxChecked` state)
 const updateRecords = (rowData, featureDetails, gridData) => {
     var _a, _b, _c;
-    const { excludedRecords, includedRecords, allBoxChecked } = featureDetails.checkBoxSelection;
+    const { excludedRecords, includedRecords, allBoxChecked, headerCheckBoxStatus } = featureDetails.checkBoxSelection;
     let newExcludedRecords = [...excludedRecords];
     let newIncludedRecords = [...includedRecords];
     // When all checkboxes are checked
@@ -248,17 +257,24 @@ const updateRecords = (rowData, featureDetails, gridData) => {
     // When not all checkboxes are checked
     else {
         // Update included records: add or remove the current rowData
-        newIncludedRecords = (includedRecords === null || includedRecords === void 0 ? void 0 : includedRecords.includes(rowData))
-            ? includedRecords === null || includedRecords === void 0 ? void 0 : includedRecords.filter((item) => {
+        if (includedRecords === null || includedRecords === void 0 ? void 0 : includedRecords.some((row) => row.id === rowData.id)) {
+            newIncludedRecords = includedRecords === null || includedRecords === void 0 ? void 0 : includedRecords.filter((item) => {
                 if ((item === null || item === void 0 ? void 0 : item.id) !== (rowData === null || rowData === void 0 ? void 0 : rowData.id)) {
-                    return item;
+                    return true;
                 }
                 else {
-                    rowData.isSelected = false; // Set isSelected to false if removing the row
+                    newExcludedRecords.push(rowData); // Set isSelected to false if removing the row
                     return false; // Exclude this item from the new array
                 }
-            })
-            : [...includedRecords, rowData]; // Add rowData if it's not already included
+            });
+        }
+        else if (rowData.isSelected) {
+            newExcludedRecords = [...newExcludedRecords, Object.assign(Object.assign({}, rowData), { isSelected: false })];
+            rowData.isSelected = !rowData.isSelected;
+        }
+        else {
+            newIncludedRecords = [...includedRecords, rowData];
+        }
         // Check if all records are included; reset if so
         if ((newIncludedRecords === null || newIncludedRecords === void 0 ? void 0 : newIncludedRecords.length) === ((_b = gridData === null || gridData === void 0 ? void 0 : gridData.rowData) === null || _b === void 0 ? void 0 : _b.length)) {
             return {
@@ -266,6 +282,7 @@ const updateRecords = (rowData, featureDetails, gridData) => {
                 includedRecords: [],
                 isIndeterminate: false,
                 allBoxChecked: true,
+                headerCheckBoxStatus: constants_1.GRID_CHECKBOX_STATUS.CHECKED,
             };
         }
         // Check if all records are excluded; reset if so
@@ -274,7 +291,7 @@ const updateRecords = (rowData, featureDetails, gridData) => {
         }
         // Otherwise, update the included records
         else {
-            return Object.assign(Object.assign({}, featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection), { includedRecords: newIncludedRecords });
+            return Object.assign(Object.assign({}, featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection), { headerCheckBoxStatus: headerCheckBoxStatus === constants_1.GRID_CHECKBOX_STATUS.UNCHECKED ? constants_1.GRID_CHECKBOX_STATUS.NEUTRAL : headerCheckBoxStatus, includedRecords: newIncludedRecords, excludedRecords: newExcludedRecords });
         }
     }
 };
@@ -563,17 +580,20 @@ const getGroupIds = (gridRef) => {
     return { firstGroupIds, secondGroupIds };
 };
 exports.getGroupIds = getGroupIds;
-const handleCheckboxClick = (e, params, featureDetails, gridData, setFeatureDetails, groupingColumns, setSelectedGroup, selectColumns) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+const handleCheckboxClick = (e, params, featureDetails, gridData, setFeatureDetails, groupingColumns, setSelectedGroup, selectColumns, serverSideRowLeveSelection) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+    var _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
     const isChecked = e.checked;
     const { data: rowData } = params;
     // Update checkbox data and set the updated state
-    const updatedCheckBoxData = (0, exports.updateRecords)(rowData, featureDetails, gridData);
-    selectColumns(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: updatedCheckBoxData }));
-    setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: updatedCheckBoxData }));
+    const updatedCheckBoxData = yield (0, exports.updateRecords)(rowData, featureDetails, gridData);
+    const checkBoxObject = Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: updatedCheckBoxData });
+    console.log(updatedCheckBoxData, "updatedCheckBoxData");
+    selectColumns && selectColumns(checkBoxObject);
+    yield setFeatureDetails(checkBoxObject);
+    yield serverSideRowLeveSelection(checkBoxObject);
     // Gather parent and super parent group data for condition checks
-    const parentGroupData = (_c = (_b = (_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.childrenAfterGroup) === null || _c === void 0 ? void 0 : _c.map((childNode) => childNode === null || childNode === void 0 ? void 0 : childNode.data);
-    const superParentData = (_g = (_f = (_e = (_d = params === null || params === void 0 ? void 0 : params.node) === null || _d === void 0 ? void 0 : _d.parent) === null || _e === void 0 ? void 0 : _e.parent) === null || _f === void 0 ? void 0 : _f.allLeafChildren) === null || _g === void 0 ? void 0 : _g.map((children) => children === null || children === void 0 ? void 0 : children.data);
+    const parentGroupData = (_k = (_j = (_h = params === null || params === void 0 ? void 0 : params.node) === null || _h === void 0 ? void 0 : _h.parent) === null || _j === void 0 ? void 0 : _j.childrenAfterGroup) === null || _k === void 0 ? void 0 : _k.map((childNode) => childNode === null || childNode === void 0 ? void 0 : childNode.data);
+    const superParentData = (_p = (_o = (_m = (_l = params === null || params === void 0 ? void 0 : params.node) === null || _l === void 0 ? void 0 : _l.parent) === null || _m === void 0 ? void 0 : _m.parent) === null || _o === void 0 ? void 0 : _o.allLeafChildren) === null || _p === void 0 ? void 0 : _p.map((children) => children === null || children === void 0 ? void 0 : children.data);
     // Determine if all or any parent groups are included/excluded
     const isEveryParentGroupInclude = parentGroupData === null || parentGroupData === void 0 ? void 0 : parentGroupData.every((parent) => {
         var _a;
@@ -604,8 +624,8 @@ const handleCheckboxClick = (e, params, featureDetails, gridData, setFeatureDeta
     // Determine the conditions to update group state
     const conditions = (0, exports.determineConditions)(isChecked, updatedCheckBoxData.allBoxChecked, isEveryParentGroupInclude, isEverySuperParentGroupInclude, isSomeParentGroupExcluded, isSomeSuperParentGroupExcluded);
     // Update group state based on determined conditions
-    (0, exports.updateGroupState)(groupingColumns, (_j = (_h = params === null || params === void 0 ? void 0 : params.node) === null || _h === void 0 ? void 0 : _h.parent) === null || _j === void 0 ? void 0 : _j.id, (_m = (_l = (_k = params === null || params === void 0 ? void 0 : params.node) === null || _k === void 0 ? void 0 : _k.parent) === null || _l === void 0 ? void 0 : _l.parent) === null || _m === void 0 ? void 0 : _m.id, conditions, setSelectedGroup);
-};
+    (0, exports.updateGroupState)(groupingColumns, (_r = (_q = params === null || params === void 0 ? void 0 : params.node) === null || _q === void 0 ? void 0 : _q.parent) === null || _r === void 0 ? void 0 : _r.id, (_u = (_t = (_s = params === null || params === void 0 ? void 0 : params.node) === null || _s === void 0 ? void 0 : _s.parent) === null || _t === void 0 ? void 0 : _t.parent) === null || _u === void 0 ? void 0 : _u.id, conditions, setSelectedGroup);
+});
 exports.handleCheckboxClick = handleCheckboxClick;
 const deepClone = (obj) => {
     var _a, _b, _c;

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

@@ -15,7 +15,7 @@ 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, _m, _o, _p, _q;
-    const { gridProps = {}, gridViewTemplate, selectColumns = () => { }, enableCheckboxForGroupHeader = false } = props;
+    const { gridProps = {}, gridViewTemplate, selectColumns = () => { }, enableCheckboxForGroupHeader = false, serverSideSelectRow } = props;
     const [gridData, setGridData] = (0, react_1.useState)({
         rowData: (props === null || props === void 0 ? void 0 : props.rowData) || [],
         columnData: (0, helper_1.sortColumns)(props === null || props === void 0 ? void 0 : props.columnData),
@@ -78,6 +78,15 @@ function ParentForGrid(props) {
             sortable: false,
         };
     }, []);
+    const emptyIncludedRecords = (objectData) => {
+        const obj = Object.assign(Object.assign({}, objectData), { checkBoxSelection: Object.assign(Object.assign({}, objectData.checkBoxSelection), { includedRecords: [], kl: "kl" }) });
+        setFeatureDetails(obj);
+    };
+    const serverSideRowLeveSelection = (object) => {
+        if (serverSideSelectRow) {
+            serverSideSelectRow(object, (objectData) => emptyIncludedRecords(objectData));
+        }
+    };
     // Function to handle header checkbox click event
     const handleHeaderCheckbox = () => {
         // get the group and subgroupids
@@ -94,7 +103,8 @@ function ParentForGrid(props) {
         else {
             setSelectedGroup([]);
         }
-        selectColumns(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: checkboxData }));
+        selectColumns && selectColumns(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: checkboxData }));
+        serverSideRowLeveSelection(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: checkboxData }));
         setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: checkboxData }));
     };
     // JSX for rendering checkbox in header
@@ -115,8 +125,8 @@ function ParentForGrid(props) {
         var _a, _b;
         const { data } = params;
         // const { allBoxChecked, excludedRecords, includedRecords } = featureDetails.checkBoxSelection;
-        const isChecked = (0, helper_1.getCheckedStatus)(data, featureDetails, constants_1.GRID_CHECKBOX_STATUS, setFeatureDetails);
-        return ((0, jsx_runtime_1.jsx)(grid_checkbox_1.default, { checked: isChecked, disabled: ((_a = params === null || params === void 0 ? void 0 : params.data) === null || _a === void 0 ? void 0 : _a.tagged) || false, onChange: (e) => (0, helper_1.handleCheckboxClick)(e, params, featureDetails, gridData, setFeatureDetails, groupingColumns, setSelectedGroup, selectColumns), isIndeterminate: false, shouldRenderOnRight: (_b = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _b === void 0 ? void 0 : _b.displayCheckboxOnRight }));
+        const isChecked = (0, helper_1.getCheckedStatus)(data, featureDetails, constants_1.GRID_CHECKBOX_STATUS);
+        return ((0, jsx_runtime_1.jsx)(grid_checkbox_1.default, { checked: isChecked, disabled: ((_a = params === null || params === void 0 ? void 0 : params.data) === null || _a === void 0 ? void 0 : _a.tagged) || false, onChange: (e) => (0, helper_1.handleCheckboxClick)(e, params, featureDetails, gridData, setFeatureDetails, groupingColumns, setSelectedGroup, selectColumns, serverSideRowLeveSelection), isIndeterminate: false, shouldRenderOnRight: (_b = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _b === void 0 ? void 0 : _b.displayCheckboxOnRight }));
     };
     // Callback to products for getting data
     const getData = (startRow, endRow, currentFeatures, params) => tslib_1.__awaiter(this, void 0, void 0, function* () {

package/dist/components/form/form-fields/form-fields.js

@@ -32,14 +32,14 @@ const InputNumberField = (props) => {
                     } })), (errors === null || errors === void 0 ? void 0 : errors[name]) && (touched === null || touched === void 0 ? void 0 : touched[name]) ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: errors === null || errors === void 0 ? void 0 : errors[name] }) }))) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) })))] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "16px", className: "mb-1 w-5rem" }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: `${className ? className : "form_field"} ` }, { children: (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "40px" }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) }))] })) })));
 };
 const InputCurrencyField = (props) => {
-    const { errors, spanClassName, touched, name, length, label, placeholder, optional, setFieldValue, useGrouping = false, min, max, maxLength, className, validate, disabled, isLoading, inputNumberProps = {}, isRequired = false, value, } = props;
+    const { errors, spanClassName, touched, name, length, label, placeholder, optional, setFieldValue, useGrouping = false, min, max, maxLength, className, validate, disabled, isLoading, inputNumberProps = {}, isRequired = false, value, currenyIcon } = props;
     return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-column" }, { children: !isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [optional && ((0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] }))), !optional && (
                 // <label className="font-medium text-base mb-1" htmlFor={name}>
                 //   {label}
                 // </label>
                 (0, jsx_runtime_1.jsx)(FieldLabel_1.default, { value: value, label: label, error: errors === null || errors === void 0 ? void 0 : errors[name], touched: touched === null || touched === void 0 ? void 0 : touched[name], isRequired: isRequired })), (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ name: name, errors: errors, touched: touched, validate: validate }, { children: ({ field }) => {
                         const { value, name } = field;
-                        return ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: `${spanClassName} p-input-icon-left form_field` }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-prefix text-lg text-gray-600 font-normal" }, { children: "$" })), (0, jsx_runtime_1.jsx)(inputnumber_1.InputNumber, Object.assign({ name: name, value: value, "aria-autocomplete": "none", minFractionDigits: 2, disabled: disabled, min: min, max: max, maxLength: maxLength, onValueChange: (e) => setFieldValue(name, e.value !== null ? e.value : min), maxFractionDigits: 2, placeholder: placeholder, className: ` customNumberField ${errors[name] && touched[name] ? "p-invalid" : ""} ${length === "full" ? "full_form_field" : "form_field"} ${className}`, id: name, useGrouping: useGrouping }, inputNumberProps))] })));
+                        return ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: `${spanClassName} p-input-icon-left form_field` }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-prefix text-lg text-gray-600 font-normal" }, { children: currenyIcon ? currenyIcon : "$" })), (0, jsx_runtime_1.jsx)(inputnumber_1.InputNumber, Object.assign({ name: name, value: value, "aria-autocomplete": "none", minFractionDigits: 2, disabled: disabled, min: min, max: max, maxLength: maxLength, onValueChange: (e) => setFieldValue(name, e.value !== null ? e.value : min), maxFractionDigits: 2, placeholder: placeholder, className: ` customNumberField ${errors[name] && touched[name] ? "p-invalid" : ""} ${length === "full" ? "full_form_field" : "form_field"} ${className}`, id: name, useGrouping: useGrouping }, inputNumberProps))] })));
                     } })), (errors === null || errors === void 0 ? void 0 : errors[name]) && (touched === null || touched === void 0 ? void 0 : touched[name]) ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: errors === null || errors === void 0 ? void 0 : errors[name] }) }))) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) })))] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "16px", className: "mb-1 w-5rem" }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: `${className ? className : "form_field"} ` }, { children: (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "40px" }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) }))] })) })));
 };
 const InputTextAreaField = (props) => {

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

@@ -12,7 +12,7 @@ const virtualization_component_1 = tslib_1.__importDefault(require("./virtualiza
 // import { Checkbox } from "primereact/checkbox";
 const ListBoxDropdown = (props) => {
     const boxRef = (0, react_1.useRef)();
-    const { selectAll, 
+    const { selectAll, disabled = false, 
     // onSelectAll,
     onSelectionChange, onChange, footeTemplate, headerTemplate, labelIcon, labelIconPos, label, labelIconSize, listItems, filter, multiple, filterPlaceholder, optionLabel, listClassName, menuClassName, listBoxParentClassName, listBoxclassName, optionTemplate, values, link, className, scrollElementId, optionsMenuRef = boxRef, 
     // buttonClassName,
@@ -158,7 +158,7 @@ const ListBoxDropdown = (props) => {
                                             ? emptyFilterMessage
                                             : "No Results Found", emptyMessage: emptyMessage ? emptyMessage : "No Data Found" })), footeTemplate && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: footeTemplate() })] }))),
                         },
-                    ] }), !showChips ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: !dataLabel ? ((0, jsx_runtime_1.jsx)(button_1.Button, { type: "button", className: `list_box_btn ${type === "sectionHeader" ? "section_btn" : ""}`, link: link ? true : false, icon: labelIcon ? labelIcon : "", size: labelIconSize ? labelIconSize : "", iconPos: labelIconPos ? labelIconPos : "", label: label, onClick: (event) => optionsMenuRef.current.toggle(event), title: label })) : ((0, jsx_runtime_1.jsx)(button_1.Button, { type: "button", icon: labelIcon ? labelIcon : "", size: labelIconSize ? labelIconSize : "", iconPos: labelIconPos ? labelIconPos : "", label: label, onClick: (event) => optionsMenuRef.current.toggle(event), "aria-controls": "popup_menu_right", "aria-haspopup": true, ref: buttonRef, className: "data_label", title: dataLabel })) })) : ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-wrap gap-2" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: `list_box_btn ${type === "sectionHeader" ? "section_btn" : ""}`, link: link ? true : false, icon: labelIcon ? labelIcon : "", size: labelIconSize ? labelIconSize : "", iconPos: labelIconPos ? labelIconPos : "", label: label, onClick: (event) => optionsMenuRef.current.toggle(event), "aria-controls": "popup_menu_right", "aria-haspopup": true, ref: buttonRef, title: label }), (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: `list_box_chips ${chipsParentClassName}` }, { children: selectedItems &&
+                    ] }), !showChips ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: !dataLabel ? ((0, jsx_runtime_1.jsx)(button_1.Button, { type: "button", className: `list_box_btn ${type === "sectionHeader" ? "section_btn" : ""}`, link: link ? true : false, icon: labelIcon ? labelIcon : "", size: labelIconSize ? labelIconSize : "", iconPos: labelIconPos ? labelIconPos : "", label: label, onClick: (event) => optionsMenuRef.current.toggle(event), title: label, disabled: disabled })) : ((0, jsx_runtime_1.jsx)(button_1.Button, { type: "button", icon: labelIcon ? labelIcon : "", size: labelIconSize ? labelIconSize : "", iconPos: labelIconPos ? labelIconPos : "", label: label, onClick: (event) => optionsMenuRef.current.toggle(event), "aria-controls": "popup_menu_right", "aria-haspopup": true, ref: buttonRef, className: "data_label", title: dataLabel, disabled: disabled })) })) : ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-wrap gap-2" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: `list_box_btn ${type === "sectionHeader" ? "section_btn" : ""}`, link: link ? true : false, icon: labelIcon ? labelIcon : "", size: labelIconSize ? labelIconSize : "", iconPos: labelIconPos ? labelIconPos : "", label: label, onClick: (event) => optionsMenuRef.current.toggle(event), "aria-controls": "popup_menu_right", "aria-haspopup": true, ref: buttonRef, title: label, type: "button", disabled: disabled }), (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: `list_box_chips ${chipsParentClassName}` }, { children: selectedItems &&
                                 (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.map((item, index) => {
                                     var _a, _b, _c, _d;
                                     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isDraggable !== undefined ? ((0, jsx_runtime_1.jsx)("li", Object.assign({ draggable: isDraggable, onDragStart: (e) => handleDragStart(e, index), onDragOver: (e) => handleDragOver(e), onDrop: (e) => handleDrop(e, index), className: `select-none ${chipClassName ? chipClassName : "list_box_chip"}    ${showRemoveIcon ? "relative text-gray-700" : ""}` }, { children: chipTemplate ? (chipTemplate(item)) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-truncate max-w-10rem inline-block", title: typeof item === "object"

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

@@ -116,7 +116,7 @@ function RowVirtualizerDynamic(props) {
                         position: "relative",
                     }, className: `${data.length === 0
                         ? "flex-column flex justify-content-around align-items-center h-full w-full"
-                        : ""}` }, { children: loadingRef.current && (data === null || data === void 0 ? void 0 : data.length) === 0 ? ((0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "p-listbox-list" }, { children: renderSkeletons() }))) : (data === null || data === void 0 ? void 0 : data.length) === 0 ? (debouncedValue && debouncedValue !== "" ? ((0, jsx_runtime_1.jsx)("span", { children: emptyFilterMessage })) : ((0, jsx_runtime_1.jsx)("span", { children: emptyMessage }))) : ((0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "p-listbox-list", style: {
+                        : ""}` }, { children: loading && (data === null || data === void 0 ? void 0 : data.length) === 0 ? ((0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "p-listbox-list w-full h-full" }, { children: renderSkeletons() }))) : (data === null || data === void 0 ? void 0 : data.length) === 0 ? (debouncedValue && debouncedValue !== "" ? ((0, jsx_runtime_1.jsx)("span", { children: emptyFilterMessage })) : ((0, jsx_runtime_1.jsx)("span", { children: emptyMessage }))) : ((0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "p-listbox-list", style: {
                             position: "absolute",
                             top: 0,
                             left: 0,

package/dist/components/multi-select-dropdown/multi-select-dropdown.js

@@ -7,6 +7,7 @@ const react_1 = require("react");
 const multiselect_1 = require("primereact/multiselect");
 const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-component"));
 const MultiSelectDropDown = (props) => {
+    const { multiSelectExtraProps = {} } = props;
     const [items, setItems] = (0, react_1.useState)([]);
     const [isMoreThanOne, setIsMoreThenOne] = (0, react_1.useState)(false);
     const LeftSection = () => {
@@ -43,24 +44,24 @@ const MultiSelectDropDown = (props) => {
     };
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [props.dropdownType === "withIcon" && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `sc_custom_multiselect flex align-items-center relative ${props.className} ${isMoreThanOne
                     ? `selected_multile ${`selected_num_` + (items === null || items === void 0 ? void 0 : items.length)}`
-                    : ""}` }, { children: [(0, jsx_runtime_1.jsx)(LeftSection, {}), (0, jsx_runtime_1.jsx)(multiselect_1.MultiSelect, { panelClassName: `Multi_select_dropdown_panel panel_${props.dropdownType} ${props.panelClassName} ${props.hidePanelHeader !== undefined ? "hidePanelHeader" : ""}`, value: items, onChange: (e) => onChange(e), options: props.options, optionLabel: "name", filter: true, placeholder: props.placeholder, display: "chip", maxSelectedLabels: props.maxSelectedLabels, style: {
+                    : ""}` }, { children: [(0, jsx_runtime_1.jsx)(LeftSection, {}), (0, jsx_runtime_1.jsx)(multiselect_1.MultiSelect, Object.assign({ panelClassName: `Multi_select_dropdown_panel panel_${props.dropdownType} ${props.panelClassName} ${props.hidePanelHeader !== undefined ? "hidePanelHeader" : ""}`, value: items, onChange: (e) => onChange(e), options: props.options, optionLabel: "name", filter: true, placeholder: props.placeholder, display: "chip", maxSelectedLabels: props.maxSelectedLabels, style: {
                             minWidth: props.dropdownWidth ? props.dropdownWidth + "px" : "",
                             maxWidth: props.dropdownWidth ? props.dropdownWidth + "px" : "",
                         }, className: `w-full ${props.maxWidth ? `${"optionBodyMaxWidth_" + props.maxWidth}` : ""}`, panelStyle: {
                             width: props.panelWidth ? props.panelWidth + "px" : "",
-                        } }), (items === null || items === void 0 ? void 0 : items.length) > 0 && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [isMoreThanOne && ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "selected_moreThan_one absolute z-5" }, { children: [" ", "+", (items === null || items === void 0 ? void 0 : items.length) - props.maxSelectedLabels] }))), props.clear && clearIcon()] })))] }))), props.dropdownType === "default" && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `sc_custom_multiselect flex align-items-center relative ${props.className} ${props.icon !== undefined ? "left_icon" : "no_icon"} ${isMoreThanOne
+                        } }, multiSelectExtraProps)), (items === null || items === void 0 ? void 0 : items.length) > 0 && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [isMoreThanOne && ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "selected_moreThan_one absolute z-5" }, { children: [" ", "+", (items === null || items === void 0 ? void 0 : items.length) - props.maxSelectedLabels] }))), props.clear && clearIcon()] })))] }))), props.dropdownType === "default" && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `sc_custom_multiselect flex align-items-center relative ${props.className} ${props.icon !== undefined ? "left_icon" : "no_icon"} ${isMoreThanOne
                     ? `selected_multile ${`selected_num_` + (items === null || items === void 0 ? void 0 : items.length)}`
-                    : ""}` }, { children: [props.icon !== undefined && (0, jsx_runtime_1.jsx)(LeftSection, {}), (0, jsx_runtime_1.jsx)(multiselect_1.MultiSelect, { panelClassName: `Multi_select_dropdown_panel panel_${props.dropdownType} ${props.panelClassName} ${props.hidePanelHeader !== undefined ? "hidePanelHeader" : ""}`, value: items, onChange: (e) => onChange(e), options: props.options, optionLabel: "name", filter: true, placeholder: props.placeholder, display: "chip", maxSelectedLabels: props.maxSelectedLabels, style: {
+                    : ""}` }, { children: [props.icon !== undefined && (0, jsx_runtime_1.jsx)(LeftSection, {}), (0, jsx_runtime_1.jsx)(multiselect_1.MultiSelect, Object.assign({ panelClassName: `Multi_select_dropdown_panel panel_${props.dropdownType} ${props.panelClassName} ${props.hidePanelHeader !== undefined ? "hidePanelHeader" : ""}`, value: items, onChange: (e) => onChange(e), options: props.options, optionLabel: "name", filter: true, placeholder: props.placeholder, display: "chip", maxSelectedLabels: props.maxSelectedLabels, style: {
                             minWidth: props.dropdownWidth ? props.dropdownWidth + "px" : "",
                             maxWidth: props.dropdownWidth ? props.dropdownWidth + "px" : "",
                         }, className: `w-full`, panelStyle: {
                             width: props.panelWidth ? props.panelWidth + "px" : "",
-                        } }), (items === null || items === void 0 ? void 0 : items.length) > 0 && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [isMoreThanOne && ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "selected_moreThan_one absolute z-5" }, { children: [" ", "+", (items === null || items === void 0 ? void 0 : items.length) - props.maxSelectedLabels] }))), props.clear && clearIcon()] })))] }))), (props === null || props === void 0 ? void 0 : props.dropdownType) === "status" && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `sc_custom_multiselect flex align-items-center relative status_dropdown ${(items === null || items === void 0 ? void 0 : items.length) > 2 ? "mutli_select_status" : ""} ${props.className} ${(items === null || items === void 0 ? void 0 : items.length) > 3 ? "moreThanThreeItems" : ""}` }, { children: [(0, jsx_runtime_1.jsx)(LeftSection, {}), (0, jsx_runtime_1.jsx)(multiselect_1.MultiSelect, { panelClassName: `Multi_select_dropdown_panel panel_${props.dropdownType} ${props.panelClassName} ${props.hidePanelHeader !== undefined ? "hidePanelHeader" : ""}`, value: items, onChange: (e) => onChange(e), options: props.options, optionLabel: "name", itemTemplate: (option) => itemTemplate(option), filter: true, placeholder: props.placeholder, display: "chip", maxSelectedLabels: props.maxSelectedLabels, style: {
+                        } }, multiSelectExtraProps)), (items === null || items === void 0 ? void 0 : items.length) > 0 && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [isMoreThanOne && ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "selected_moreThan_one absolute z-5" }, { children: [" ", "+", (items === null || items === void 0 ? void 0 : items.length) - props.maxSelectedLabels] }))), props.clear && clearIcon()] })))] }))), (props === null || props === void 0 ? void 0 : props.dropdownType) === "status" && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `sc_custom_multiselect flex align-items-center relative status_dropdown ${(items === null || items === void 0 ? void 0 : items.length) > 2 ? "mutli_select_status" : ""} ${props.className} ${(items === null || items === void 0 ? void 0 : items.length) > 3 ? "moreThanThreeItems" : ""}` }, { children: [(0, jsx_runtime_1.jsx)(LeftSection, {}), (0, jsx_runtime_1.jsx)(multiselect_1.MultiSelect, Object.assign({ panelClassName: `Multi_select_dropdown_panel panel_${props.dropdownType} ${props.panelClassName} ${props.hidePanelHeader !== undefined ? "hidePanelHeader" : ""}`, value: items, onChange: (e) => onChange(e), options: props.options, optionLabel: "name", itemTemplate: (option) => itemTemplate(option), filter: true, placeholder: props.placeholder, display: "chip", maxSelectedLabels: props.maxSelectedLabels, style: {
                             minWidth: props.dropdownWidth ? props.dropdownWidth + "px" : "",
                             maxWidth: props.dropdownWidth ? props.dropdownWidth + "px" : "",
                         }, className: `w-full`, panelStyle: {
                             width: props.panelWidth ? props.panelWidth + "px" : "",
-                        } }), (items === null || items === void 0 ? void 0 : items.length) > 0 && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [isMoreThanOne && ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "selected_moreThan_one absolute z-5" }, { children: [" ", "+", (items === null || items === void 0 ? void 0 : items.length) - props.maxSelectedLabels] }))), props.clear && clearIcon()] })))] }))), (props === null || props === void 0 ? void 0 : props.dropdownType) === "" && ((0, jsx_runtime_1.jsx)(multiselect_1.MultiSelect, { value: items, panelClassName: `Multi_select_dropdown_panel ${props.panelClassName} ${props.hidePanelHeader !== undefined ? "hidePanelHeader" : ""}`, onChange: (e) => onChange(e), options: props.options, optionLabel: "name", filter: true, placeholder: props.placeholder, display: "chip", maxSelectedLabels: props.maxSelectedLabels, style: {
+                        } }, multiSelectExtraProps)), (items === null || items === void 0 ? void 0 : items.length) > 0 && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [isMoreThanOne && ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "selected_moreThan_one absolute z-5" }, { children: [" ", "+", (items === null || items === void 0 ? void 0 : items.length) - props.maxSelectedLabels] }))), props.clear && clearIcon()] })))] }))), (props === null || props === void 0 ? void 0 : props.dropdownType) === "" && ((0, jsx_runtime_1.jsx)(multiselect_1.MultiSelect, Object.assign({ value: items, panelClassName: `Multi_select_dropdown_panel ${props.panelClassName} ${props.hidePanelHeader !== undefined ? "hidePanelHeader" : ""}`, onChange: (e) => onChange(e), options: props.options, optionLabel: "name", filter: true, placeholder: props.placeholder, display: "chip", maxSelectedLabels: props.maxSelectedLabels, style: {
                     minWidth: props.dropdownWidth ? props.dropdownWidth + "px" : "",
                     maxWidth: props.dropdownWidth ? props.dropdownWidth + "px" : "",
                 }, 
@@ -69,7 +70,7 @@ const MultiSelectDropDown = (props) => {
                     width: props.panelWidth ? props.panelWidth + "px" : "",
                 }, emptyFilterMessage: props.emptyFilterMessage
                     ? props.emptyFilterMessage
-                    : "No Results Found", filterPlaceholder: props.filterPlaceholder ? props.filterPlaceholder : "Search by name" }))] }));
+                    : "No Results Found", filterPlaceholder: props.filterPlaceholder ? props.filterPlaceholder : "Search by name" }, multiSelectExtraProps)))] }));
 };
 exports.MultiSelectDropDown = MultiSelectDropDown;
 exports.default = exports.MultiSelectDropDown;

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

@@ -5,7 +5,7 @@ export declare const isComponentDisable: (state?: string) => boolean;
 export declare const applyDefaultFilters: (defaultFilters: any) => any;
 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 getCheckedStatus: (row: any, featureDetails: any, GRID_CHECKBOX_STATUS: 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, rowGroupColumnWidth: number, ChildRendererForGroup?: React.FC, HeaderRendererForGroup?: React.FC) => {
@@ -51,5 +51,5 @@ export declare const getGroupIds: (gridRef: any) => {
     firstGroupIds: string[];
     secondGroupIds: string[];
 };
-export declare const handleCheckboxClick: (e: any, params: any, featureDetails: any, gridData: any, setFeatureDetails: any, groupingColumns: any, setSelectedGroup: any, selectColumns: any) => void;
+export declare const handleCheckboxClick: (e: any, params: any, featureDetails: any, gridData: any, setFeatureDetails: any, groupingColumns: any, setSelectedGroup: any, selectColumns: any, serverSideRowLeveSelection: any) => Promise<void>;
 export declare const deepClone: (obj: any) => any;

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

@@ -125,6 +125,7 @@ export interface NumberFieldProps {
     inputNumberProps?: any;
     isRequired?: boolean;
     value?: any;
+    currenyIcon?: string;
 }
 export interface TextAreaFieldProps {
     errors: any;
@@ -270,6 +271,7 @@ export interface ListBoxDropdownTypes {
     virtualScroll?: boolean;
     onSelectionChange?: (data: any) => void;
     fetchData?: (data: any) => void;
+    disabled?: boolean;
 }
 export interface DatePickerTypes {
     value: any;

package/package.json

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