sccoreui 5.9.13 → 5.9.15

package/dist/components/ag-grid/advancedFeature/custom-sort.js

@@ -17,7 +17,6 @@ function Sort() {
     const [sortInfo, setSortInfo] = (0, react_1.useState)();
     const sortType = sortValue === null || sortValue === void 0 ? void 0 : sortValue.dataType;
     const [isApplyDisable, setIsApplyDisable] = (0, react_1.useState)(true);
-    const [isSelectedColumn, setSelectedColumn] = (0, react_1.useState)(false);
     const onClickSort = (event) => {
         showShort.current.toggle(event);
     };
@@ -47,7 +46,6 @@ function Sort() {
         }
         setSortInfo(sortDetails);
         setSortBy(column);
-        setSelectedColumn(true);
     };
     // Add sort details to parent component state
     const addSortDetails = () => {
@@ -86,11 +84,11 @@ function Sort() {
             setIsApplyDisable(true);
         }
     }, [sortValue, sortBy]);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `cursor-pointer mr-3 sc_icon_hover flex align-items-center border-round-md bg-primary-50 ${isOverlayOpened || featureDetails.sort.isSortable
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `cursor-pointer p-1 sc_icon_hover flex align-items-center border-round-lg ${isOverlayOpened || featureDetails.sort.isSortable
                     ? "bg-primary-50"
-                    : ""}` }, { children: [featureDetails.sort.isSortable && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "flex align-items-center text-primary-400" }, { children: `Selected` }))), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "p-1 h-auto", text: true, onClick: (event) => onClickSort(event), icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "switch-vertical-02", size: 16, color: isOverlayOpened || featureDetails.sort.isSortable
+                    : ""}` }, { children: [featureDetails.sort.isSortable && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "flex align-items-center text-primary-400 px-1" }, { children: `Selected` }))), (0, jsx_runtime_1.jsx)(button_1.Button, { text: true, onClick: (event) => onClickSort(event), icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "switch-vertical-02", size: 20, color: isOverlayOpened || featureDetails.sort.isSortable
                                 ? "text-gray-700"
-                                : "text-gray-700" }) })] })), (0, jsx_runtime_1.jsxs)(overlaypanel_1.OverlayPanel, Object.assign({ ref: showShort, onShow: () => setIsOverlayOpened(true), onHide: () => setIsOverlayOpened(false), className: "w-18rem mt-2 sorting_overlay_pael" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "p-4 text-lg font-semibold  line-height-3 text-gray-900" }, { children: "Column Sorting" })), (0, jsx_runtime_1.jsx)(divider_1.Divider, { className: "m-0" }), (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "pl-0 m-1 h-10rem overflow-auto" }, { children: columnData === null || columnData === void 0 ? void 0 : columnData.map((eachColumn, index) => {
+                                : "text-gray-700" }) })] })), (0, jsx_runtime_1.jsxs)(overlaypanel_1.OverlayPanel, Object.assign({ ref: showShort, onShow: () => setIsOverlayOpened(true), onHide: () => setIsOverlayOpened(false), className: "w-18rem mt-2" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "p-4 text-lg font-semibold  line-height-3 text-gray-900" }, { children: "Column Sorting" })), (0, jsx_runtime_1.jsx)(divider_1.Divider, { className: "m-0" }), (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "pl-0 m-1 h-10rem overflow-auto" }, { children: columnData === null || columnData === void 0 ? void 0 : columnData.map((eachColumn, index) => {
                             if (eachColumn === null || eachColumn === void 0 ? void 0 : eachColumn.isSortable) {
                                 const isSelected = eachColumn.field === (sortValue === null || sortValue === void 0 ? void 0 : sortValue.field);
                                 return ((0, jsx_runtime_1.jsxs)("li", Object.assign({ className: `${isSelected && "bg-primary-25"} cursor-pointer border-round-md flex align-items-center gap-2 px-3 py-2 text-base line-height-2 text-gray-700`, style: { listStyleType: "none" }, onClick: () => onSelectSortValue(eachColumn) }, { children: [(0, jsx_runtime_1.jsx)(radiobutton_1.RadioButton, { id: "tableSort", checked: isSelected, type: "circle", value: sortValue }), (0, jsx_runtime_1.jsx)("label", Object.assign({ className: `${isSelected && "text-primary-400 font-semibold"}` }, { children: eachColumn === null || eachColumn === void 0 ? void 0 : eachColumn.headerName }))] }), index));
@@ -98,12 +96,12 @@ function Sort() {
                             else {
                                 return null;
                             }
-                        }) })), (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: `pl-0 m-1  ${isSelectedColumn && "border-top-1 border-gray-200"}` }, { children: (_a = constants_1.COLUMN_SORT_OPTIONS.filter((each) => each.dataType === sortType)) === null || _a === void 0 ? void 0 : _a.map((eachOption, index) => {
+                        }) })), (0, jsx_runtime_1.jsx)(divider_1.Divider, { className: "m-0" }), (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "pl-0 m-1" }, { children: (_a = constants_1.COLUMN_SORT_OPTIONS.filter((each) => each.dataType === sortType)) === null || _a === void 0 ? void 0 : _a.map((eachOption, index) => {
                             const seletedSort = eachOption.label === (sortBy === null || sortBy === void 0 ? void 0 : sortBy.label);
                             return ((0, jsx_runtime_1.jsxs)("li", Object.assign({ className: `${seletedSort && "bg-primary-25"} cursor-pointer border-round-md pl-0 px-3 py-2 flex align-items-center gap-2`, onClick: () => {
                                     onSelectSortType(eachOption);
                                     // setSortBy(eachOption);
                                 } }, { children: [(0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: index === 0 ? "arrow-down" : "arrow-up", size: 20 }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: `${seletedSort && "text-primary-400 font-semibold"} text-gray-700 font-medium text-base` }, { children: eachOption.label }))] }), index));
-                        }) })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `flex justify-content-between px-2 py-2 border-top-1 border-gray-200` }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ disabled: false, id: "column_sort_dropdown", outlined: true, onClick: (e) => clearSort(e) }, { children: "Clear" })), (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ disabled: isApplyDisable, id: "column_sort_dropdown", onClick: (e) => applyTableSort(e) }, { children: "Apply" }))] }))] }))] })));
+                        }) })), (0, jsx_runtime_1.jsx)(divider_1.Divider, { id: "column_sort" }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex justify-content-between px-5 py-2" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ disabled: false, id: "column_sort_dropdown", outlined: true, onClick: (e) => clearSort(e) }, { children: "Clear" })), (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ disabled: isApplyDisable, id: "column_sort_dropdown", onClick: (e) => applyTableSort(e) }, { children: "Apply" }))] }))] }))] })));
 }
 exports.default = Sort;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULTS = exports.FILEEXTENSIONTYPE = exports.IMAGETYPES = exports.STATUSLIST = exports.SETUPPRICEOPTIONS = exports.PRICINGTYPE = exports.BUNDLETYPE = exports.BUNDLEQUANTITYTYPE = exports.DEFAULTGUID = exports.CATEGORYTYPE = exports.PRODUCTDISCOUNTTYPE = exports.conditionsList = exports.PRODUCTTYPE = exports.ROW_HEIGHT = exports.DEBOUNCE_INTERVAL = exports.MAX_BLOCKS = exports.BLOCK_SIZE = exports.ROWMODELTYPE = exports.COLUMN_SORT_OPTIONS = void 0;
+exports.DEFAULTS = exports.FILEEXTENSIONTYPE = exports.IMAGETYPES = exports.STATUSLIST = exports.SETUPPRICEOPTIONS = exports.PRICINGTYPE = exports.BUNDLETYPE = exports.BUNDLEQUANTITYTYPE = exports.DEFAULTGUID = exports.CATEGORYTYPE = exports.PRODUCTDISCOUNTTYPE = exports.GridCheckBoxStatus = exports.conditionsList = exports.PRODUCTTYPE = exports.ROW_HEIGHT = exports.DEBOUNCE_INTERVAL = exports.MAX_BLOCKS = exports.BLOCK_SIZE = exports.ROWMODELTYPE = exports.COLUMN_SORT_OPTIONS = void 0;
 const Types_1 = require("./Types");
 exports.COLUMN_SORT_OPTIONS = [
     { id: 1, label: "Low - High", sortId: 1, dataType: Types_1.ATTRIBUTEDATATYPES.INTEGER },
@@ -287,4 +287,10 @@ const constants = {
     minSortInputLength,
     currencies
 };
+var GridCheckBoxStatus;
+(function (GridCheckBoxStatus) {
+    GridCheckBoxStatus[GridCheckBoxStatus["NEUTRAL"] = 1] = "NEUTRAL";
+    GridCheckBoxStatus[GridCheckBoxStatus["CHECKED"] = 2] = "CHECKED";
+    GridCheckBoxStatus[GridCheckBoxStatus["UNCHECKED"] = 3] = "UNCHECKED";
+})(GridCheckBoxStatus = exports.GridCheckBoxStatus || (exports.GridCheckBoxStatus = {}));
 exports.default = constants;

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

@@ -5,12 +5,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const checkbox_1 = require("primereact/checkbox");
 const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-component"));
 const GridCheckBOx = ({ checked, onChange, isIndeterminate }) => {
-    return ((0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { icon: isIndeterminate && (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "minus" }), onChange: onChange, checked: checked, className: "" })
-    // <input
-    //   type="checkbox"
-    //   checked={checked}
-    //   onChange={onChange}
-    // />
-    );
+    return ((0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { icon: isIndeterminate && (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "minus-square" }), onChange: onChange, checked: checked, className: "" }));
 };
 exports.default = GridCheckBOx;

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

@@ -19,6 +19,7 @@ function ParentForGrid(props) {
     const [api, setApi] = (0, react_1.useState)(null);
     const [totalRecords, setTotalRecords] = (0, react_1.useState)(0);
     const [gridReadyEvent, setGridReadyEvent] = (0, react_1.useState)();
+    const [defaultSelectedRows, setDefaultSelectedRows] = (0, react_1.useState)([]);
     const [emptyResponse] = (0, react_1.useState)({
         totalRecords: 0,
         rowData: [],
@@ -28,6 +29,7 @@ function ParentForGrid(props) {
         isIndeterminate: false,
         includedRecords: [],
         excludedRecords: [],
+        headerCheckBoxStatus: constants_1.GridCheckBoxStatus.NEUTRAL
     });
     const initialFeature = {
         searchedText: "",
@@ -75,6 +77,11 @@ function ParentForGrid(props) {
             setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: checkboxData }));
             return;
         }
+        if (includedRecords.includes(rowData) && defaultSelectedRows.includes(rowData)) {
+            const checkboxData = Object.assign(Object.assign({}, featureDetails.checkBoxSelection), { includedRecords: includedRecords.filter((item) => item !== rowData), excludedRecords: [...excludedRecords, rowData], isIndeterminate: true });
+            setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: checkboxData }));
+            return;
+        }
         // Logic to handle checkbox click events
         if (includedRecords.includes(rowData)) {
             const checkboxData = Object.assign(Object.assign({}, featureDetails.checkBoxSelection), { includedRecords: includedRecords.filter((item) => item !== rowData) });
@@ -87,7 +94,8 @@ function ParentForGrid(props) {
     };
     const handleHeaderCheckbox = () => {
         const { allBoxChecked } = featureDetails.checkBoxSelection;
-        const checkboxData = Object.assign(Object.assign({}, featureDetails.checkBoxSelection), { allBoxChecked: !allBoxChecked, isIndeterminate: false, includedRecords: [], excludedRecords: [] });
+        const currentStatus = !allBoxChecked;
+        const checkboxData = Object.assign(Object.assign({}, featureDetails.checkBoxSelection), { allBoxChecked: currentStatus, isIndeterminate: false, includedRecords: [], excludedRecords: [], headerCheckBoxStatus: currentStatus ? constants_1.GridCheckBoxStatus.CHECKED : constants_1.GridCheckBoxStatus.UNCHECKED });
         setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: checkboxData }));
     };
     // JSX for rendering checkbox in header
@@ -128,6 +136,11 @@ function ParentForGrid(props) {
                 totalRecords: response.totalRecords,
             };
             setTotalRecords(response === null || response === void 0 ? void 0 : response.totalRecords);
+            // Add records to includedRecords if already selected 
+            const checkedRecords = result.rowData.filter((data) => data === null || data === void 0 ? void 0 : data.isSelected);
+            setDefaultSelectedRows(checkedRecords);
+            const checkboxData = Object.assign(Object.assign({}, featureDetails.checkBoxSelection), { includedRecords: checkedRecords });
+            setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: checkboxData }));
             // response.actualEndRow = actualEndRow;
             return result;
         }

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

@@ -48,9 +48,9 @@ const InputTextAreaField = (props) => {
                 (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "20px", 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" }) }))] }) })));
 };
 const DropDownField = (props) => {
-    const { errors, touched, name, length, label, placeholder, showClear, options, optional, customSelectedTemplate, customFieldsTemplate, optionLabel, optionDisabled, className, validate, disabled, filter, panelStyle, isLoading, panelClassName } = props;
+    const { errors, touched, name, length, label, placeholder, showClear, options, optional, customSelectedTemplate, customFieldsTemplate, optionLabel, optionDisabled, className, validate, disabled, filter, panelStyle, isLoading } = 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 && (0, jsx_runtime_1.jsx)("label", Object.assign({ className: "font-medium text-base mb-1", htmlFor: name }, { children: label })), (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ type: "text", name: name, validate: validate }, { children: ({ field }) => ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, Object.assign({ showClear: showClear, panelStyle: panelStyle || '', filter: filter || false, disabled: disabled, placeholder: placeholder }, field, { options: options, panelClassName: panelClassName, itemTemplate: customFieldsTemplate, valueTemplate: customSelectedTemplate, optionDisabled: optionDisabled, optionLabel: optionLabel, className: ` ${errors[name] && touched[name] ? 'p-invalid' : ''} ${length === 'full' ? 'full_form_field' : 'form_field'} ${className}`, id: name }))) })), errors[name] && 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[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: [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 && (0, jsx_runtime_1.jsx)("label", Object.assign({ className: "font-medium text-base mb-1", htmlFor: name }, { children: label })), (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ type: "text", name: name, validate: validate }, { children: ({ field }) => ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, Object.assign({ showClear: showClear, panelStyle: panelStyle || '', filter: filter || false, disabled: disabled, placeholder: placeholder }, field, { options: options, itemTemplate: customFieldsTemplate, valueTemplate: customSelectedTemplate, optionDisabled: optionDisabled, optionLabel: optionLabel, className: ` ${errors[name] && touched[name] ? 'p-invalid' : ''} ${length === 'full' ? 'full_form_field' : 'form_field'} ${className}`, id: name }))) })), errors[name] && 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[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: "20px", 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" }) }))] }) })));
 };

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

@@ -7,11 +7,11 @@ const menu_1 = require("primereact/menu");
 const react_1 = require("react");
 const button_1 = require("primereact/button");
 const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-component"));
-// import { InputText } from "primereact/inputtext";
+const inputtext_1 = require("primereact/inputtext");
 const checkbox_1 = require("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, }) => {
     const [selectedItems, setSelectedItems] = (0, react_1.useState)([]);
-    // const [inpValue, setInpValue] = useState<any>();
+    const [inpValue, setInpValue] = (0, react_1.useState)();
     const optionsMenuRef = (0, react_1.useRef)();
     const [checked, setChecked] = (0, react_1.useState)(false);
     const onSelectOption = (e) => {
@@ -53,10 +53,10 @@ const ListBoxDropdown = ({ selectAll, onSelectAll, onChange, footeTemplate, head
         // handleFormValues(formValues);
         onDranghandle(newItems);
     };
-    // const removeItems = (e) => {
-    //   e.preventDefault();
-    //   setInpValue("");
-    // }
+    const removeItems = (e) => {
+        e.preventDefault();
+        setInpValue("");
+    };
     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: className }, { children: [(0, jsx_runtime_1.jsx)(menu_1.Menu, { onShow: (e) => onShow && onShow(e), onHide: (e) => onHide && onHide(e), onFocus: (e) => onFocus && onFocus(e), popup: true, className: menuClassName ? menuClassName : "", ref: optionsMenuRef, model: [
                         {
                             template: () => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: listBoxParentClassName
@@ -67,7 +67,9 @@ const ListBoxDropdown = ({ selectAll, onSelectAll, onChange, footeTemplate, head
                                                 onSelectAll();
                                         }, className: "text-primary-400 flex justify-content-between align-items-center w-full font-semibold absolute z-4 px-5 text-left focus:shadow-none", style: { top: "10em" }, link: true }, { children: ["Select All ", (0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { checked: checked, onChange: e => setChecked(e.checked) })] }))), (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 && " mt-8 pt-2"}`, filter: filter ? true : false, multiple: multiple ? true : false, value: selectedItems, onChange: (e) => onSelectOption(e), options: 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() })] }))),
+                                            : "w-16rem border-none "} `, filterPlaceholder: filterPlaceholder ? filterPlaceholder : "", filterTemplate: () => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-input-icon-right w-full" }, { children: [(inpValue === null || inpValue === void 0 ? void 0 : inpValue.length) > 0 && (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix", onClick: removeItems }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "x-close", size: 18 }) })), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { id: "email", value: inpValue, onChange: (e) => {
+                                                        setInpValue(e.target.value);
+                                                    }, disabled: false, placeholder: "Search", className: "font-normal text-gray-500 hover:text-gray-900 w-full" })] }))) }), footeTemplate && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: footeTemplate() })] }))),
                         },
                     ] }), !showChips ? ((0, jsx_runtime_1.jsx)(button_1.Button, { type: "button", className: `list_box_button focus:shadow-none ${buttonClassName}`, link: link ? true : false, icon: labelIcon ? labelIcon : "", size: labelIconSize ? labelIconSize : "", iconPos: labelIconPos ? labelIconPos : "", label: label, onClick: (event) => optionsMenuRef.current.toggle(event) })) : ((0, jsx_runtime_1.jsxs)("ul", Object.assign({ className: `pl-0 grid row-gap-2 list_box_chips ${chipsParentClassName}` }, { children: [(0, jsx_runtime_1.jsx)("li", Object.assign({ className: `cursor-pointer min-w-max mx-2 max-w-max  ${buttonClassName}` }, { children: (0, jsx_runtime_1.jsx)(button_1.Button, { type: "button", className: `list_box_button focus:shadow-none p-0 h-max`, link: link ? true : false, icon: labelIcon ? labelIcon : "", size: labelIconSize ? labelIconSize : "", iconPos: labelIconPos ? labelIconPos : "", label: label, onClick: (event) => optionsMenuRef.current.toggle(event) }) })), selectedItems &&
                             (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.map((item, index) => {

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

@@ -1,4 +1,5 @@
 import { ColDef } from "@ag-grid-community/core";
+import { GridCheckBoxStatus } from "./constants";
 export interface ColumnDef extends ColDef {
     id: string;
     dataType: any;
@@ -53,6 +54,7 @@ export interface CheckBoxSelection {
     isIndeterminate: boolean;
     includedRecords: any[];
     excludedRecords: any[];
+    headerCheckBoxStatus: GridCheckBoxStatus;
 }
 export declare enum ATTRIBUTEDATATYPES {
     STRING = "string",
@@ -102,3 +104,8 @@ export interface ResponseFromApi {
     rowData: any[];
     actualEndRow?: number;
 }
+export interface HeaderCheckboxFlag {
+    NEUTRAL: number;
+    CHECKED: number;
+    UNCHECKED: number;
+}

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

@@ -88,5 +88,10 @@ declare enum SETUPPRICEOPTIONS {
 }
 export declare const conditionsList: any;
 declare const constants: any;
+export declare enum GridCheckBoxStatus {
+    NEUTRAL = 1,
+    CHECKED = 2,
+    UNCHECKED = 3
+}
 export { PRODUCTDISCOUNTTYPE, CATEGORYTYPE, DEFAULTGUID, BUNDLEQUANTITYTYPE, BUNDLETYPE, PRICINGTYPE, SETUPPRICEOPTIONS, STATUSLIST, IMAGETYPES, FILEEXTENSIONTYPE, DEFAULTS };
 export default constants;

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

@@ -153,7 +153,6 @@ export interface DropDownFieldProps {
     panelStyle?: any;
     isLoading?: boolean;
     showClear?: boolean;
-    panelClassName?: string;
 }
 export interface MultiSelectProps {
     errors: any;

package/package.json

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