sccoreui 5.7.4 → 5.7.6

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

@@ -8,7 +8,8 @@ require("ag-grid-community/styles/ag-theme-quartz.css");
 const client_side_row_model_1 = require("@ag-grid-community/client-side-row-model");
 const core_2 = require("@ag-grid-enterprise/core");
 const range_selection_1 = require("@ag-grid-enterprise/range-selection");
-core_1.ModuleRegistry.registerModules([client_side_row_model_1.ClientSideRowModelModule, range_selection_1.RangeSelectionModule]);
+const infinite_row_model_1 = require("@ag-grid-community/infinite-row-model");
+core_1.ModuleRegistry.registerModules([client_side_row_model_1.ClientSideRowModelModule, range_selection_1.RangeSelectionModule, infinite_row_model_1.InfiniteRowModelModule]);
 core_2.LicenseManager.setLicenseKey("Using_this_{AG_Grid}_Enterprise_key_{AG-056800}_in_excess_of_the_licence_granted_is_not_permitted___Please_report_misuse_to_legal@ag-grid.com___For_help_with_changing_this_key_please_contact_info@ag-grid.com___{Sellers_Commerce_LLC}_is_granted_a_{Single_Application}_Developer_License_for_the_application_{SellersCommerce}_only_for_{2}_Front-End_JavaScript_developers___All_Front-End_JavaScript_developers_working_on_{SellersCommerce}_need_to_be_licensed___{SellersCommerce}_has_been_granted_a_Deployment_License_Add-on_for_{1}_Production_Environment___This_key_works_with_{AG_Grid}_Enterprise_versions_released_before_{14_April_2025}____[v3]_[01]_MTc0NDU4NTIwMDAwMA==895f2234e1659afcfba586110daf0549");
 const AgGrid = ({ style, gridOptions, onGridReady }) => {
     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ag-theme-quartz ", style: { height: style.height, width: style.width } }, { children: (0, jsx_runtime_1.jsx)(react_1.AgGridReact, Object.assign({ onGridReady: onGridReady }, gridOptions)) })) }) }));

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

@@ -4,6 +4,7 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const AgGrid_1 = tslib_1.__importDefault(require("./AgGrid"));
+const advanced_feature_1 = tslib_1.__importDefault(require("./advancedFeature/advanced-feature"));
 function ParentForGrid(props) {
     const [gridData] = (0, react_1.useState)({
         rowData: props === null || props === void 0 ? void 0 : props.rowData,
@@ -11,24 +12,63 @@ function ParentForGrid(props) {
     });
     const [style] = (0, react_1.useState)(props.style);
     const [api, setApi] = (0, react_1.useState)(null);
+    const [gridReadyEvent, setGridReadyEvent] = (0, react_1.useState)();
+    const [checkedRow, setCheckedRow] = (0, react_1.useState)([]);
+    const [featureDetails, setFeatureDetails] = (0, react_1.useState)({
+        searchedText: "",
+        filterQueries: [],
+        sort: {
+            isSortable: false,
+            columnToSort: "",
+            orderToSort: "",
+        },
+        bulkAction: {
+            columnData: {},
+            updatedValue: "",
+        },
+    });
     const defaultColDef = (0, react_1.useMemo)(() => {
         return {
             flex: 1,
             minWidth: 100,
-            editable: true,
-            filter: true,
-            sortable: true,
+            editable: false,
+            filter: false,
+            sortable: false,
         };
     }, []);
+    // Callback to products for getting data
+    const getData = (startRow, endRow) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const response = (yield props.getRowData(startRow, endRow)) || [];
+        console.log(response.length, 'length of data');
+        return response.rowData;
+    });
+    // Gets call onLoad,scroll and whenever any featureDetails changed
     const onGridReady = (params) => {
         setApi(params.api);
+        setGridReadyEvent(params);
+        console.log(params, "the Params");
+        const dataSource = {
+            getRows: (params) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+                const startRow = params.startRow;
+                const endRow = params.endRow;
+                const result = yield getData(startRow, endRow);
+                if (result.length > 0) {
+                    params.successCallback(result, -1);
+                }
+                else {
+                    params.failCallback();
+                }
+            }),
+        };
+        params.api.setGridOption("datasource", dataSource);
     };
     // Get selected checkBox data
     const onSelectionChanged = () => {
         if (api) {
             const selectedNodes = api === null || api === void 0 ? void 0 : api.getSelectedNodes();
-            const selectedData = selectedNodes.map(node => node.data);
-            console.log(selectedData, 'selected from checkbox'); // Send a callback to products
+            const selectedData = selectedNodes.map((node) => node.data);
+            setCheckedRow(selectedData);
+            console.log(selectedData, "selected from checkbox"); // Send a callback to products
         }
     };
     // Options that grid should have
@@ -39,10 +79,16 @@ function ParentForGrid(props) {
         enableRangeSelection: true,
         suppressMenuHide: false,
         onSelectionChanged: onSelectionChanged,
-        rowSelection: 'multiple',
+        rowSelection: "multiple",
         suppressRowClickSelection: true,
-        rowHeight: 60
+        rowHeight: 60,
+        rowModelType: "infinite", // Infinite scroll
     };
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(AgGrid_1.default, { style: style, gridOptions: gridOptions, onGridReady: onGridReady }) }));
+    (0, react_1.useEffect)(() => {
+        if (api && gridReadyEvent) {
+            onGridReady(gridReadyEvent);
+        }
+    }, [featureDetails]);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: { height: style.height, width: style.width } }, { children: [(0, jsx_runtime_1.jsx)(advanced_feature_1.default, { featureDetails: featureDetails, setFeatureDetails: setFeatureDetails, columnData: gridData.columnData, checkedRow: checkedRow, props: props }), (0, jsx_runtime_1.jsx)(AgGrid_1.default, { style: style, gridOptions: gridOptions, onGridReady: onGridReady })] })));
 }
 exports.default = ParentForGrid;

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

@@ -1,3 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+var columnDatatype;
+(function (columnDatatype) {
+    columnDatatype[columnDatatype["STRING"] = 0] = "STRING";
+    columnDatatype[columnDatatype["NUMBER"] = 1] = "NUMBER";
+    columnDatatype[columnDatatype["BOOLEAN"] = 2] = "BOOLEAN";
+    columnDatatype[columnDatatype["SELECT"] = 4] = "SELECT";
+    columnDatatype[columnDatatype["CHECKBOX"] = 5] = "CHECKBOX";
+    columnDatatype[columnDatatype["MULTISELECT"] = 6] = "MULTISELECT";
+})(columnDatatype || (columnDatatype = {}));
 // export type {  ColDef as gridColType} from "@ag-grid-community/core"

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const global_search_1 = tslib_1.__importDefault(require("./global-search"));
+const custom_sort_1 = tslib_1.__importDefault(require("./custom-sort"));
+const record_detail_1 = tslib_1.__importDefault(require("./record-detail"));
+const bulk_actions_1 = tslib_1.__importDefault(require("./bulkActions/bulk-actions"));
+const filter_1 = tslib_1.__importDefault(require("./filter/filter"));
+function AdvancedFeatures({ featureDetails, setFeatureDetails, columnData, checkedRow, props }) {
+    console.log(columnData, setFeatureDetails, 'column data in advanced feature');
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex justify-content-between" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex" }, { children: [(0, jsx_runtime_1.jsx)(global_search_1.default, { featureDetails: featureDetails, setFeatureDetails: setFeatureDetails, searchPlaceHolder: props === null || props === void 0 ? void 0 : props.placeholder }), (0, jsx_runtime_1.jsx)(filter_1.default, {})] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex " }, { children: [checkedRow.length > 1 && (0, jsx_runtime_1.jsx)(bulk_actions_1.default, { columnData: columnData }), (0, jsx_runtime_1.jsx)(custom_sort_1.default, { columnData: columnData, featureDetails: featureDetails, setFeatureDetails: setFeatureDetails }), (0, jsx_runtime_1.jsx)(record_detail_1.default, { totalLength: (props === null || props === void 0 ? void 0 : props.totalRowLength) || 100 })] }))] })));
+}
+exports.default = AdvancedFeatures;

package/dist/components/ag-grid/advancedFeature/bulkActions/bulk-actions.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const svg_component_1 = tslib_1.__importDefault(require("../../../../directives/svg-component"));
+const overlaypanel_1 = require("primereact/overlaypanel");
+const react_1 = require("react");
+const input_box_1 = tslib_1.__importDefault(require("./input-box"));
+function BulkActions({ columnData }) {
+    const [activeOption, setActiveOption] = (0, react_1.useState)({});
+    const [bulkOptions, setBulkOptions] = (0, react_1.useState)([]);
+    const actionRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        getColumnsToEdit();
+    }, []);
+    const getColumnsToEdit = () => {
+        const columns = [];
+        columnData.filter((col) => {
+            if (col.editable) {
+                columns.push(col);
+            }
+        });
+        setBulkOptions(columns);
+    };
+    console.log(columnData, activeOption, 'column data in bulk action');
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'cursor-pointer p-1 sc_icon_hover', onClick: (e) => actionRef.current.toggle(e) }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "settings-01", size: 20 }) })), (0, jsx_runtime_1.jsx)(overlaypanel_1.OverlayPanel, Object.assign({ ref: actionRef, className: "w-30rem pb-5" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "relative pb-5 mb-5" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex align-items-center justify-content-between p-4 border-bottom-1 border-gray-200" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "text-lg font-semibold line-height-4  text-gray-900" }, { children: "Bulk Actions " })) })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex border-bottom-1 border-gray-200" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: " border-right-1 px-1 py-4 border-gray-200" }, { children: bulkOptions.map((option, index) => {
+                                        {
+                                            console.log(option, 'option data in map');
+                                        }
+                                        return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: `text-lg px-3 border-round-lg cursor-pointer font-medium line-height-4 text-gray-600 ${(activeOption === null || activeOption === void 0 ? void 0 : activeOption.field) === (option === null || option === void 0 ? void 0 : option.field) ? "bg-primary-50" : ""}`, onClick: () => setActiveOption(option) }, { children: option.headerName }), index));
+                                    }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "p-4 w-full" }, { children: (0, jsx_runtime_1.jsx)(input_box_1.default, { activeOption: activeOption }) }))] }))] })) }))] }));
+}
+exports.default = BulkActions;

package/dist/components/ag-grid/advancedFeature/bulkActions/input-box.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+// import { Button } from "primereact/button"
+const button_1 = require("primereact/button");
+const inputtext_1 = require("primereact/inputtext");
+function BoxOfInput({ activeOption }) {
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: " text-gray-900 flex lext-lg font-semibold line-height-4 mb-1 align-items-center" }, { children: ["Change ", activeOption.headerName] })), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { type: "text", className: "p-inputtext-lg `w-full`", placeholder: activeOption.headerName }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `flex bg-white gap-2 pl-2 pr-2 justify-content-between align-items-center mt-3  absolute ` }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "text-black font-normal text-base line-height-3" }, { children: " Records selected" })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex gap-2" }, { children: (0, jsx_runtime_1.jsx)(button_1.Button, { outlined: true, text: true, label: "Discard" }) }))] }))] }) })
+    // <div>
+    //         <div className=" text-gray-900 flex lext-lg font-semibold line-height-4 mb-1 align-items-center">Change Status</div>
+    //         {/* <Dropdown
+    //             value={selectedStatus}
+    //             optionLabel="label"
+    //             placeholder="Select"
+    //             className={`w-full`}
+    //             id={'status_dropdown'}
+    //             onChange={(e: any) => setSelectedStatus(e.target.value)}
+    //             options={statusList}
+    //         /> */}
+    //         <div className={`flex bg-white gap-2 pl-2 pr-2 justify-content-between align-items-center mt-3  absolute ${styles.bottom_sections_positions}`}>
+    //             <div className="text-black font-normal text-base line-height-3">{selectedColumns.length} Records selected</div>
+    //             <div className="flex gap-2">
+    //                 <Button outlined text label="Discard" onClick={(event: any) => hideBulkActionRef(event)} />
+    //                 {showLoader && <Button className='cursor-wait text-left w-8rem' ><span className='font-semibold w-full p-disabled'>Please wait</span><img loading='lazy' src={progressBar} alt="loader" className="btn-loader absolute right-0" /></Button>}
+    //                 {!showLoader && <Button label="Assign" id="bulk_status_btn" disabled={!selectedStatus} onClick={(event: any) => handleBulkAction(event, selectedStatus)} />}
+    //             </div>
+    //         </div>
+    //     </div>
+    );
+}
+exports.default = BoxOfInput;

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

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const overlaypanel_1 = require("primereact/overlaypanel");
+const divider_1 = require("primereact/divider");
+const radiobutton_1 = require("primereact/radiobutton");
+const button_1 = require("primereact/button");
+const svg_component_1 = tslib_1.__importDefault(require("../../../directives/svg-component"));
+const constants_1 = require("../constants");
+function Sort({ columnData, featureDetails, setFeatureDetails }) {
+    var _a;
+    const [sortValue, setSortValue] = (0, react_1.useState)(null);
+    const [sortBy, setSortBy] = (0, react_1.useState)(null);
+    const [isOverlayOpened, setIsOverlayOpened] = (0, react_1.useState)(false);
+    const showShort = (0, react_1.useRef)(null);
+    const shortType = sortValue === null || sortValue === void 0 ? void 0 : sortValue.dataType;
+    const disableApply = (sortBy && sortValue) === null;
+    const onClickShort = (event) => {
+        showShort.current.toggle(event);
+    };
+    // Add selected row to state
+    const onSelectShortValue = (eachColumn) => {
+        if (eachColumn.headerName !== (sortValue === null || sortValue === void 0 ? void 0 : sortValue.headerName)) {
+            setSortValue(eachColumn);
+            setSortBy(null);
+        }
+    };
+    // Trigger action to apply
+    const applyTableSort = (e) => {
+        const sortDetails = {
+            isSortable: true,
+            columnToSort: sortValue.field,
+            orderToSort: sortBy,
+        };
+        console.log(sortBy, 'sort by on apply filter');
+        setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { sort: sortDetails }));
+        onClickShort(e);
+    };
+    // Trigger action to clear
+    const clearSort = (e) => {
+        onClickShort(e);
+        setSortBy(null);
+        setSortValue(null);
+        const sortDetails = {
+            isSortable: false,
+            columnToSort: "",
+            orderToSort: "",
+        };
+        setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { sort: sortDetails }));
+    };
+    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 px-1" }, { children: ` Selected` }))), (0, jsx_runtime_1.jsx)("span", Object.assign({ onClick: (event) => onClickShort(event) }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "switch-vertical-02", size: 20, color: isOverlayOpened || featureDetails.sort.isSortable
+                                ? "#243DC6"
+                                : "#667085" }) }))] })), (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: () => onSelectShortValue(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));
+                            }
+                            else {
+                                return null;
+                            }
+                        }) })), (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 === shortType)) === 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: () => {
+                                    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.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: disableApply, id: "column_sort_dropdown", onClick: (e) => applyTableSort(e) }, { children: "Apply" }))] }))] }))] })));
+}
+exports.default = Sort;

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+function Filter() {
+    return ((0, jsx_runtime_1.jsx)("div", { children: "Filter" }));
+}
+exports.default = Filter;

package/dist/components/ag-grid/advancedFeature/filter/querty.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+function Querty() {
+    return ((0, jsx_runtime_1.jsx)("div", { children: "querty" }));
+}
+exports.default = Querty;

package/dist/components/ag-grid/advancedFeature/global-search.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const inputtext_1 = require("primereact/inputtext");
+const svg_component_1 = tslib_1.__importDefault(require("../../../directives/svg-component"));
+// import { useState } from "react";
+function Search({ featureDetails, setFeatureDetails, searchPlaceHolder }) {
+    //   const [inputValue, setInputValue] = useState("");
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: `p-input-icon-left ${featureDetails.searchedText.length > 0 && "p-input-icon-right"}` }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-prefix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { color: "#667085", icon: "search-lg", size: 18 }) })), featureDetails.searchedText.length > 0 && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix cursor-pointer", onClick: () => {
+                        setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { searchedText: "" }));
+                        //   setInputValue("");
+                    }, title: "Clear" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "x-close", size: 18 }) }))), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { value: featureDetails.searchedText, onChange: (e) => {
+                        setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { searchedText: e.target.value }));
+                    }, className: "w-21rem", placeholder: searchPlaceHolder || "search by name or code" })] })) }));
+}
+exports.default = Search;

package/dist/components/ag-grid/advancedFeature/record-detail.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+function RecordDetail({ totalLength }) {
+    return ((0, jsx_runtime_1.jsx)("div", { children: `Total ${totalLength} records` }));
+}
+exports.default = RecordDetail;

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.COLUMN_SORT_OPTIONS = exports.ATTRIBUTEDATATYPES = void 0;
+var ATTRIBUTEDATATYPES;
+(function (ATTRIBUTEDATATYPES) {
+    ATTRIBUTEDATATYPES["STRING"] = "string";
+    ATTRIBUTEDATATYPES["DATE"] = "date";
+    ATTRIBUTEDATATYPES["INTEGER"] = "integer";
+    ATTRIBUTEDATATYPES["IMAGE"] = "image";
+    ATTRIBUTEDATATYPES["CURRENCY"] = "currency";
+    ATTRIBUTEDATATYPES["BOOLEAN"] = "boolean";
+    ATTRIBUTEDATATYPES["DATE_AND_TIME"] = "dateandtime";
+    ATTRIBUTEDATATYPES["DECIMAL"] = "decimal";
+    ATTRIBUTEDATATYPES["PERCENT"] = "percent";
+    ATTRIBUTEDATATYPES["SELECT"] = "select";
+    ATTRIBUTEDATATYPES["MULTI_SELECT"] = "multiselect";
+})(ATTRIBUTEDATATYPES = exports.ATTRIBUTEDATATYPES || (exports.ATTRIBUTEDATATYPES = {}));
+exports.COLUMN_SORT_OPTIONS = [
+    { id: 1, label: "Low - High", sortId: 1, dataType: ATTRIBUTEDATATYPES.INTEGER },
+    { id: 2, label: "High - Low", sortId: 2, dataType: ATTRIBUTEDATATYPES.INTEGER },
+    { id: 3, label: "A - Z", sortId: 1, dataType: ATTRIBUTEDATATYPES.STRING },
+    { id: 4, label: "Z - A", sortId: 2, dataType: ATTRIBUTEDATATYPES.STRING },
+    { id: 5, sortId: 1, label: "Min -Max", dataType: ATTRIBUTEDATATYPES.DATE },
+    { id: 6, sortId: 2, label: "Max - Min", dataType: ATTRIBUTEDATATYPES.DATE },
+];

package/dist/components/formula-template/FormulaCoponent.js

@@ -413,14 +413,19 @@ const FormulaComponent = (props) => {
                         }
                         case "CALCULATION": {
                             const pattern = /[a-f0-9]{24}/g;
-                            const ids = props === null || props === void 0 ? void 0 : props.formulaValue.match(pattern);
-                            let text = props === null || props === void 0 ? void 0 : props.formulaValue;
-                            for (let i = 0; i < (ids === null || ids === void 0 ? void 0 : ids.length); i++) {
-                                let id = ids[i];
-                                let name = (_b = fieldOptions.find((item) => item.id === id)) === null || _b === void 0 ? void 0 : _b.name;
-                                text = text.replaceAll(id, name);
+                            if (props === null || props === void 0 ? void 0 : props.formulaValue) {
+                                const ids = props === null || props === void 0 ? void 0 : props.formulaValue.match(pattern);
+                                let text = props === null || props === void 0 ? void 0 : props.formulaValue;
+                                for (let i = 0; i < (ids === null || ids === void 0 ? void 0 : ids.length); i++) {
+                                    let id = ids[i];
+                                    let name = (_b = fieldOptions.find((item) => item.id === id)) === null || _b === void 0 ? void 0 : _b.name;
+                                    text = text.replaceAll(id, name);
+                                }
+                                return (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "w-8 h-auto cursor-pointer flex align-items-center px-4", onClick: (e) => { var _a; return (_a = priceConditioRef.current) === null || _a === void 0 ? void 0 : _a.toggle(e); } }, { children: (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'text-gray-700 overflow-hidden text-overflow-ellipsis white-space-nowrap w-full', title: text ? text : '' }, { children: (props === null || props === void 0 ? void 0 : props.formulaValue) ? text : 'Select' })) }));
+                            }
+                            else {
+                                return 'Select';
                             }
-                            return (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "w-8 h-auto cursor-pointer flex align-items-center px-4", onClick: (e) => { var _a; return (_a = priceConditioRef.current) === null || _a === void 0 ? void 0 : _a.toggle(e); } }, { children: (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'text-gray-700 overflow-hidden text-overflow-ellipsis white-space-nowrap w-full', title: text ? text : '' }, { children: (props === null || props === void 0 ? void 0 : props.formulaValue) ? text : 'Select' })) }));
                         }
                         default: {
                             return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});

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

@@ -1,3 +1,4 @@
+import { ColDef } from "@ag-grid-community/core";
 export interface IOlympicData {
     athlete: string;
     age: number;
@@ -12,11 +13,23 @@ export interface IOlympicData {
     color: string;
 }
 export interface Style {
-    height: number;
-    width: number;
+    height: number | string;
+    width: number | string;
 }
 export interface StatusOptions {
     id: number;
     name: string;
     value: number;
 }
+declare enum columnDatatype {
+    STRING = 0,
+    NUMBER = 1,
+    BOOLEAN = 2,
+    SELECT = 4,
+    CHECKBOX = 5,
+    MULTISELECT = 6
+}
+export interface ColumnDef extends ColDef {
+    dataType: columnDatatype.STRING | columnDatatype.NUMBER | columnDatatype.BOOLEAN | columnDatatype.SELECT | columnDatatype.MULTISELECT | columnDatatype.CHECKBOX;
+}
+export {};

package/dist/types/components/ag-grid/advancedFeature/advanced-feature.d.ts

@@ -0,0 +1,8 @@
+declare function AdvancedFeatures({ featureDetails, setFeatureDetails, columnData, checkedRow, props }: {
+    featureDetails: any;
+    setFeatureDetails: any;
+    columnData: any;
+    checkedRow: any;
+    props: any;
+}): import("react/jsx-runtime").JSX.Element;
+export default AdvancedFeatures;

package/dist/types/components/ag-grid/advancedFeature/bulkActions/bulk-actions.d.ts

@@ -0,0 +1,4 @@
+declare function BulkActions({ columnData }: {
+    columnData: any;
+}): import("react/jsx-runtime").JSX.Element;
+export default BulkActions;

package/dist/types/components/ag-grid/advancedFeature/bulkActions/input-box.d.ts

@@ -0,0 +1,4 @@
+declare function BoxOfInput({ activeOption }: {
+    activeOption: any;
+}): import("react/jsx-runtime").JSX.Element;
+export default BoxOfInput;

package/dist/types/components/ag-grid/advancedFeature/custom-sort.d.ts

@@ -0,0 +1,6 @@
+declare function Sort({ columnData, featureDetails, setFeatureDetails }: {
+    columnData: any;
+    featureDetails: any;
+    setFeatureDetails: any;
+}): import("react/jsx-runtime").JSX.Element;
+export default Sort;

package/dist/types/components/ag-grid/advancedFeature/filter/filter.d.ts

@@ -0,0 +1,2 @@
+declare function Filter(): import("react/jsx-runtime").JSX.Element;
+export default Filter;

package/dist/types/components/ag-grid/advancedFeature/filter/querty.d.ts

@@ -0,0 +1,2 @@
+declare function Querty(): import("react/jsx-runtime").JSX.Element;
+export default Querty;

package/dist/types/components/ag-grid/advancedFeature/global-search.d.ts

@@ -0,0 +1,6 @@
+declare function Search({ featureDetails, setFeatureDetails, searchPlaceHolder }: {
+    featureDetails: any;
+    setFeatureDetails: any;
+    searchPlaceHolder: any;
+}): import("react/jsx-runtime").JSX.Element;
+export default Search;

package/dist/types/components/ag-grid/advancedFeature/record-detail.d.ts

@@ -0,0 +1,4 @@
+declare function RecordDetail({ totalLength }: {
+    totalLength: any;
+}): import("react/jsx-runtime").JSX.Element;
+export default RecordDetail;

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

@@ -0,0 +1,19 @@
+export declare enum ATTRIBUTEDATATYPES {
+    STRING = "string",
+    DATE = "date",
+    INTEGER = "integer",
+    IMAGE = "image",
+    CURRENCY = "currency",
+    BOOLEAN = "boolean",
+    DATE_AND_TIME = "dateandtime",
+    DECIMAL = "decimal",
+    PERCENT = "percent",
+    SELECT = "select",
+    MULTI_SELECT = "multiselect"
+}
+export declare const COLUMN_SORT_OPTIONS: {
+    id: number;
+    label: string;
+    sortId: number;
+    dataType: ATTRIBUTEDATATYPES;
+}[];

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

@@ -192,7 +192,7 @@ export interface FroalaTextEditorTypes {
 export interface ListBoxDropdownTypes {
     values: any;
     label: string;
-    labelIcon?: string;
+    labelIcon?: JSX.Element | string;
     labelIconPos?: any;
     listItems: any;
     headerTemplate?: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sccoreui",
-  "version": "5.7.4",
+  "version": "5.7.6",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -30,6 +30,7 @@
   },
   "dependencies": {
     "@ag-grid-community/client-side-row-model": "^31.2.1",
+    "@ag-grid-community/infinite-row-model": "^31.2.1",
     "@ag-grid-community/react": "^31.2.1",
     "@ag-grid-enterprise/core": "^31.2.1",
     "@ag-grid-enterprise/range-selection": "^31.2.1",

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

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const RowDetailsRenderer = ({ node }) => {
-    const data = node === null || node === void 0 ? void 0 : node.data;
-    console.log(data, node, 'details from node');
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", { children: [data.gold, " "] }) }));
-};
-exports.default = RowDetailsRenderer;

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

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const primereact_1 = require("primereact");
-const react_1 = require("react");
-function StatusDropdown({ value, statusChanged }) {
-    let options;
-    if (value === 1) {
-        options = [
-            { id: 1, name: "Draft", value: 1 },
-            { id: 2, name: "Active", value: 2 },
-            { id: 3, name: "Inactive", value: 3 },
-        ];
-    }
-    else {
-        options = [
-            { id: 2, name: "Active", value: 2 },
-            { id: 3, name: "Inactive", value: 3 },
-        ];
-    }
-    const selectedOption = (0, react_1.useMemo)(() => options.find((option) => option.value === value), [value]);
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [" ", (0, jsx_runtime_1.jsx)(primereact_1.Dropdown, { value: selectedOption.value, options: options, onChange: (e) => { statusChanged(e.target.value), console.log(e, 'value selected'); }, optionLabel: "name", placeholder: "Select a Status" })] }));
-}
-exports.default = StatusDropdown;

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

@@ -1,4 +0,0 @@
-declare const RowDetailsRenderer: ({ node }: {
-    node: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export default RowDetailsRenderer;

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

@@ -1,5 +0,0 @@
-declare function StatusDropdown({ value, statusChanged }: {
-    value: any;
-    statusChanged: any;
-}): import("react/jsx-runtime").JSX.Element;
-export default StatusDropdown;