sccoreui 5.9.1 → 5.9.3

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

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LICENSEKEY = void 0;
-exports.LICENSEKEY = `"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"`;
+exports.LICENSEKEY = "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";

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

@@ -15,4 +15,3 @@ var ATTRIBUTEDATATYPES;
     ATTRIBUTEDATATYPES["SELECT"] = "select";
     ATTRIBUTEDATATYPES["MULTI_SELECT"] = "multiselect";
 })(ATTRIBUTEDATATYPES = exports.ATTRIBUTEDATATYPES || (exports.ATTRIBUTEDATATYPES = {}));
-// export type {  ColDef as gridColType} from "@ag-grid-community/core"

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

@@ -5,21 +5,16 @@ 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"));
-// import Filter from "./filter/filter"
 const refresh_grid_1 = tslib_1.__importDefault(require("./refresh-grid"));
 const remove_items_1 = tslib_1.__importDefault(require("./remove-items"));
 const react_1 = require("react");
-const MyProvider_1 = require("../MyProvider");
-const TableFilter_1 = tslib_1.__importDefault(require("./new-filter/TableFilter"));
-// import HideColumn from "./hide-column"
-// import Grouping from "./grouping"
-// import { ConditionsToDisplay } from "../Types"
+const context_provider_1 = require("../context-provider");
+const table_filter_1 = tslib_1.__importDefault(require("./new-filter/table-filter"));
 function AdvancedFeatures({ props }) {
-    const { featureDetails } = (0, react_1.useContext)(MyProvider_1.FeatureContext);
+    const { featureDetails } = (0, react_1.useContext)(context_provider_1.FeatureContext);
     const conditionsToDisplay = props === null || props === void 0 ? void 0 : props.conditionsToDisplay;
     const { bulkActionComponent: BulkAction } = props;
-    // const {displayFilter,displaySearch,displayRefresh,displaySort} = conditionsToDisplay
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center justify-content-between py-3 px-4" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySearch) && ((0, jsx_runtime_1.jsx)(global_search_1.default, { searchPlaceHolder: props === null || props === void 0 ? void 0 : props.placeholder })), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayFilter) && ((0, jsx_runtime_1.jsx)(TableFilter_1.default, {}))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayRemoveItems) && (0, jsx_runtime_1.jsx)(remove_items_1.default, {}), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayBulkAction) &&
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center justify-content-between py-3 px-4" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySearch) && ((0, jsx_runtime_1.jsx)(global_search_1.default, { searchPlaceHolder: props === null || props === void 0 ? void 0 : props.placeholder })), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayFilter) && ((0, jsx_runtime_1.jsx)(table_filter_1.default, {}))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayRemoveItems) && (0, jsx_runtime_1.jsx)(remove_items_1.default, {}), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayBulkAction) &&
                         (props === null || props === void 0 ? void 0 : props.bulkActionComponent) && ((0, jsx_runtime_1.jsx)(BulkAction, { checkBoxSelection: featureDetails.checkBoxSelection })), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayRefresh) && (0, jsx_runtime_1.jsx)(refresh_grid_1.default, {}), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySort) && (0, jsx_runtime_1.jsx)(custom_sort_1.default, {}), (0, jsx_runtime_1.jsx)(record_detail_1.default, {})] }))] })));
 }
 exports.default = AdvancedFeatures;

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

@@ -9,13 +9,13 @@ 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");
-const MyProvider_1 = require("../MyProvider");
+const context_provider_1 = require("../context-provider");
 function Sort() {
     var _a;
-    const { sortValue, setSortValue, sortBy, setSortBy, isOverlayOpened, setIsOverlayOpened, featureDetails, callGrid, columnData } = (0, react_1.useContext)(MyProvider_1.FeatureContext);
+    const { sortValue, setSortValue, sortBy, setSortBy, isOverlayOpened, setIsOverlayOpened, featureDetails, callGrid, columnData, } = (0, react_1.useContext)(context_provider_1.FeatureContext);
     const showShort = (0, react_1.useRef)(null);
     const [sortInfo, setSortInfo] = (0, react_1.useState)();
-    const shortType = sortValue === null || sortValue === void 0 ? void 0 : sortValue.dataType;
+    const sortType = sortValue === null || sortValue === void 0 ? void 0 : sortValue.dataType;
     const [isApplyDisable, setIsApplyDisable] = (0, react_1.useState)(true);
     const onClickSort = (event) => {
         showShort.current.toggle(event);
@@ -49,9 +49,7 @@ function Sort() {
     };
     // Add sort details to parent component state
     const addSortDetails = () => {
-        if (!((sortInfo === null || sortInfo === void 0 ? void 0 : sortInfo.isSortable) &&
-            (sortInfo === null || sortInfo === void 0 ? void 0 : sortInfo.columnToSort) &&
-            (sortInfo === null || sortInfo === void 0 ? void 0 : sortInfo.orderToSort))) {
+        if (!((sortInfo === null || sortInfo === void 0 ? void 0 : sortInfo.isSortable) && (sortInfo === null || sortInfo === void 0 ? void 0 : sortInfo.columnToSort) && (sortInfo === null || sortInfo === void 0 ? void 0 : sortInfo.orderToSort))) {
             return;
         }
         const currentFeature = Object.assign({}, featureDetails);
@@ -98,7 +96,7 @@ function Sort() {
                             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) => {
+                        }) })), (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);

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

@@ -7,7 +7,7 @@ const svg_component_1 = tslib_1.__importDefault(require("../../../../directives/
 const react_1 = require("react");
 const overlaypanel_1 = require("primereact/overlaypanel");
 const querty_1 = tslib_1.__importDefault(require("./querty"));
-const MyProvider_1 = require("../../MyProvider");
+const context_provider_1 = require("../../context-provider");
 const columns = [{ hederName: "title" }, { hederName: "gender" }];
 const data2 = columns.map((col, idx) => {
     let object = {
@@ -19,7 +19,7 @@ const data2 = columns.map((col, idx) => {
 function FilterParent({ callBackForSelect }) {
     var _a, _b;
     const filterRef = (0, react_1.useRef)(null);
-    const { columnData, featureDetails, callGrid, queries, setQueries, } = (0, react_1.useContext)(MyProvider_1.FeatureContext);
+    const { columnData, featureDetails, callGrid, queries, setQueries, } = (0, react_1.useContext)(context_provider_1.FeatureContext);
     console.log(data2, "data in reee");
     console.log('rendering count');
     const [currentFeature, setCurrentFeature] = (0, react_1.useState)(featureDetails);

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

@@ -5,21 +5,17 @@ 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"));
 const react_1 = require("react");
-const MyProvider_1 = require("../MyProvider");
+const context_provider_1 = require("../context-provider");
 const hooks_1 = require("primereact/hooks");
-// import { useState } from "react";
 function Search({ searchPlaceHolder }) {
-    const { featureDetails, setFeatureDetails } = (0, react_1.useContext)(MyProvider_1.FeatureContext);
+    const { featureDetails, setFeatureDetails } = (0, react_1.useContext)(context_provider_1.FeatureContext);
     const [inputValue, deboucedValue, setInputValue] = (0, hooks_1.useDebounce)("", 500);
     (0, react_1.useEffect)(() => {
         setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { searchedText: deboucedValue }));
     }, [deboucedValue]);
-    console.log(featureDetails.searchedText, 'featuer details search');
     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: inputValue, onChange: (e) => setInputValue(e.target.value), 
-                    // onChange={(e) => updateSearchText(e.target.value)}
-                    className: "w-21rem", placeholder: searchPlaceHolder || "search by name or code" })] })) }));
+                    }, 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: inputValue, onChange: (e) => setInputValue(e.target.value), className: "w-21rem", placeholder: searchPlaceHolder || "search by name or code" })] })) }));
 }
 exports.default = Search;

package/dist/components/ag-grid/advancedFeature/new-filter/{TableFilter.js → table-filter.js}

@@ -10,10 +10,9 @@ const svg_component_1 = tslib_1.__importDefault(require("../../../../directives/
 const constants_1 = tslib_1.__importDefault(require("../../constants"));
 const Conditions_1 = tslib_1.__importDefault(require("./conditions/Conditions"));
 require("./TableFilter.module.scss");
-const MyProvider_1 = require("../../MyProvider");
+const context_provider_1 = require("../../context-provider");
 const TableFilter = () => {
-    var _a, _b;
-    const { featureDetails, columnData, conditionType, conditionTypes, globalFilters, setConditionType, setGlobalFilters, setFeatureDetails, callGrid } = (0, react_1.useContext)(MyProvider_1.FeatureContext);
+    const { featureDetails, columnData, conditionType, conditionTypes, globalFilters, setConditionType, setGlobalFilters, setFeatureDetails, callGrid, } = (0, react_1.useContext)(context_provider_1.FeatureContext);
     const columnId = "field";
     const columnName = "headerName";
     const showFilter = (0, react_1.useRef)(null);
@@ -39,21 +38,19 @@ const TableFilter = () => {
     const applyAdvancedFilter = (array) => {
         setGlobalFilters(array);
         const allQueries = array.map((query) => {
-            console.log(query, 'query in apply filter');
             const column = { field: query.columnName.code };
             const operation = { code: query.condition.code };
             let queryToAdd = {
                 selectedColumn: column,
                 selectedOperation: operation,
                 value: query.value,
-                logicalOperator: conditionType.id
+                logicalOperator: conditionType.id,
             };
             return queryToAdd;
         });
         const currentFeature = Object.assign({}, featureDetails);
         currentFeature.filterQueries = allQueries;
         setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { filterQueries: allQueries }));
-        console.log(allQueries, 'all queries added');
         callGrid(currentFeature);
         return [];
     };
@@ -87,7 +84,6 @@ const TableFilter = () => {
         let arr = conditionsArray.map((condition) => {
             return Object.assign(Object.assign({}, condition), { isActive: true });
         });
-        console.log(arr, 'array from condition');
         applyAdvancedFilter(arr);
         setConditionsArray(arr);
         showFilter.current.toggle(false);
@@ -120,17 +116,14 @@ const TableFilter = () => {
         });
         setAllFieldsFilled(isAllFieldsFilled && enbleApply);
     }, [conditionsArray, enbleApply]);
-    console.log(featureDetails, globalFilters, 'feature details in new filter');
     return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `cursor-pointer p-1 sc_icon_hover flex align-items-center gap-2 border-round-lg ${isOverlayOpened ||
-                    ((_a = globalFilters === null || globalFilters === void 0 ? void 0 : globalFilters.filters) === null || _a === void 0 ? void 0 : _a.filter((each) => each.isActive).length) >=
-                        1
+                    (globalFilters === null || globalFilters === void 0 ? void 0 : globalFilters.filter((each) => each.isActive).length) >= 1
                     ? "bg-primary-50"
                     : ""}` }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ onClick: (e) => onClickFilter(e) }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "filter-lines", size: 20, color: isOverlayOpened ||
-                                ((_b = globalFilters === null || globalFilters === void 0 ? void 0 : globalFilters.filters) === null || _b === void 0 ? void 0 : _b.filter((each) => each.isActive).length) >= 1
+                                (globalFilters === null || globalFilters === void 0 ? void 0 : globalFilters.filter((each) => each.isActive).length) >= 1
                                 ? "#243DC6"
-                                : "#667085" }) })), (globalFilters === null || globalFilters === void 0 ? void 0 : globalFilters.filter((each) => each.isActive).length) >=
-                        1 && ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "flex gap-1 align-items-center text-primary-400" }, { children: [`${globalFilters === null || globalFilters === void 0 ? void 0 : globalFilters.filter((each) => each.isActive).length} Selected`, (0, jsx_runtime_1.jsx)("span", Object.assign({ onClick: onresetFilter }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "x-close", size: 20, color: "#243DC6" }) }))] })))] })), (0, jsx_runtime_1.jsx)(overlaypanel_1.OverlayPanel, Object.assign({ ref: showFilter, onShow: () => setIsOverlayOpened(true), onHide: () => setIsOverlayOpened(false), className: ` tableFilterPanel` }, { children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-4" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "text-lg font-semibold line-height-3 text-gray-900" }, { children: "Filters" })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "text-sm text-gray-600" }, { children: "Streamline Your Search With Filters" }))] })), (0, jsx_runtime_1.jsx)(divider_1.Divider, { className: "w-full p-0 m-0" }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "p-4" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "max-h-14rem\toverflow-auto" }, { children: conditionsArray.map((eachCondition, index) => {
+                                : "#667085" }) })), (globalFilters === null || globalFilters === void 0 ? void 0 : globalFilters.filter((each) => each.isActive).length) >= 1 && ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "flex gap-1 align-items-center text-primary-400" }, { children: [`${globalFilters === null || globalFilters === void 0 ? void 0 : globalFilters.filter((each) => each.isActive).length} Selected`, (0, jsx_runtime_1.jsx)("span", Object.assign({ onClick: onresetFilter }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "x-close", size: 20, color: "#243DC6" }) }))] })))] })), (0, jsx_runtime_1.jsx)(overlaypanel_1.OverlayPanel, Object.assign({ ref: showFilter, onShow: () => setIsOverlayOpened(true), onHide: () => setIsOverlayOpened(false), className: ` tableFilterPanel` }, { children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-4" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "text-lg font-semibold line-height-3 text-gray-900" }, { children: "Filters" })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "text-sm text-gray-600" }, { children: "Streamline Your Search With Filters" }))] })), (0, jsx_runtime_1.jsx)(divider_1.Divider, { className: "w-full p-0 m-0" }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "p-4" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "max-h-14rem\toverflow-auto" }, { children: conditionsArray.map((eachCondition, index) => {
                                     return ((0, jsx_runtime_1.jsx)("div", { children: renderCondtion(eachCondition, index) }, index));
-                                }) })) })), (0, jsx_runtime_1.jsx)(divider_1.Divider, { className: "w-full p-0 m-0" }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-4 flex justify-content-between" }, { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(button_1.Button, { className: "text-base font-semibold text-gray-600 bg-white border-white p-1 pt-2 focus:shadow-none", label: "Reset Filter", onClick: onresetFilter }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: "text-base font-semibold text-primary-400 p-1 focus:shadow-none mr-3", label: "Create View", onClick: () => '', text: true, iconPos: "left", icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "plus", color: "text-primary-400 mr-2" }) }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "text-base font-semibold text-gray-600 p-1 focus:shadow-none text-white w-4rem", label: "Apply", onClick: onApplyFilter, disabled: !allFieldsFilled })] })] }))] }) }))] }));
+                                }) })) })), (0, jsx_runtime_1.jsx)(divider_1.Divider, { className: "w-full p-0 m-0" }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-4 flex justify-content-between" }, { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(button_1.Button, { className: "text-base font-semibold text-gray-600 bg-white border-white p-1 pt-2 focus:shadow-none", label: "Reset Filter", onClick: onresetFilter }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: "text-base font-semibold text-primary-400 p-1 focus:shadow-none mr-3", label: "Create View", onClick: () => "", text: true, iconPos: "left", icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "plus", color: "text-primary-400 mr-2" }) }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "text-base font-semibold text-gray-600 p-1 focus:shadow-none text-white w-4rem", label: "Apply", onClick: onApplyFilter, disabled: !allFieldsFilled })] })] }))] }) }))] }));
 };
 exports.default = TableFilter;

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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const MyProvider_1 = require("../MyProvider");
+const context_provider_1 = require("../context-provider");
 function RecordDetail() {
-    const { totalRecords } = (0, react_1.useContext)(MyProvider_1.FeatureContext);
+    const { totalRecords } = (0, react_1.useContext)(context_provider_1.FeatureContext);
     return ((0, jsx_runtime_1.jsx)("div", { children: `Total ${totalRecords} records` }));
 }
 exports.default = RecordDetail;

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

@@ -3,11 +3,11 @@ 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 MyProvider_1 = require("../MyProvider");
+const context_provider_1 = require("../context-provider");
 const svg_component_1 = tslib_1.__importDefault(require("../../../directives/svg-component"));
 const button_1 = require("primereact/button");
 function RefreshGrid() {
-    const { removeFeaturesAndRefresh } = (0, react_1.useContext)(MyProvider_1.FeatureContext);
+    const { removeFeaturesAndRefresh } = (0, react_1.useContext)(context_provider_1.FeatureContext);
     return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(button_1.Button, { text: true, onClick: removeFeaturesAndRefresh, icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "refresh-ccw-01" }) }) }));
 }
 exports.default = RefreshGrid;

package/dist/components/ag-grid/advancedFeature/remove-items.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const MyProvider_1 = require("../MyProvider");
+const context_provider_1 = require("../context-provider");
 function RemoveItems() {
-    const { featureDetails, callGrid } = (0, react_1.useContext)(MyProvider_1.FeatureContext);
+    const { featureDetails, callGrid } = (0, react_1.useContext)(context_provider_1.FeatureContext);
     const removeItemsCallBack = () => {
         const currentFeature = Object.assign({}, featureDetails);
         currentFeature.isRemoveClicked = true;

package/dist/components/ag-grid/ag-grid.scss

@@ -1,9 +1,61 @@
+.ag-grid-container {
+  .ag-root-wrapper {
+    &.ag-layout-normal {
+      border: 0;
+    }
+  }
+}
+
+.ag-header {
+  background: var(--gray-50);
+
+  border-top: 1px solid var(--gray-300);
+  border-bottom: 1px solid var(--gray-200) !important;
+}
+
+.ag-root-wrapper {
+  border-radius: 6px !important;
+  border-top-left-radius: 0px !important;
+}
+
+.ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within {
+  border: 0;
+  border-color: initial;
+}
+
+.ag-ltr .ag-cell {
+  display: flex;
+  align-items: center;
+}
 
 .ag-grid-container {
-    // border: 1px solid var(--gray-200);
-    .ag-root-wrapper {
-        &.ag-layout-normal {
-            border: 0;
-        }
-    } 
+  border: 1px solid var(--gray-200) !important;
+  background: #fff !important;
+}
+
+// .ag-ltr .ag-header-cell-resize {
+//   display: none;
+// }
+
+.ag-row {
+  border-bottom: 1px solid var(--gray-200);
+}
+
+.ag-row-odd {
+  background-color: var(--gray-25);
+}
+
+.ag-row {
+  &:focus {
+    background-color: var(--gray-100);
+  }
+}
+
+.ag-theme-quartz {
+  --ag-active-color: var(--gray-300);
+}
+
+.ag-ltr .ag-header-viewport .ag-header-cell-resize::after {
+  background-color: var(--gray-200);
+  width: 1px;
 }

package/dist/components/ag-grid/{ParentForGrid.js → parent-for-grid.js}

@@ -6,7 +6,7 @@ const react_1 = require("react");
 const AgGrid_1 = tslib_1.__importDefault(require("./AgGrid"));
 const advanced_feature_1 = tslib_1.__importDefault(require("./advancedFeature/advanced-feature"));
 const grid_checkbox_1 = tslib_1.__importDefault(require("./grid-checkbox"));
-const MyProvider_1 = tslib_1.__importDefault(require("./MyProvider"));
+const context_provider_1 = tslib_1.__importDefault(require("./context-provider"));
 const error_ui_1 = tslib_1.__importDefault(require("./error-ui"));
 const constants_1 = require("./constants");
 require("./ag-grid.scss");
@@ -24,7 +24,6 @@ function ParentForGrid(props) {
         totalRecords: 0,
         rowData: [],
     });
-    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
     const [initialCheckBoxData] = (0, react_1.useState)({
         allBoxChecked: false,
         isIndeterminate: false,
@@ -40,7 +39,7 @@ function ParentForGrid(props) {
             orderToSort: {},
         },
         checkBoxSelection: initialCheckBoxData,
-        isRemoveClicked: false
+        isRemoveClicked: false,
     };
     const [featureDetails, setFeatureDetails] = (0, react_1.useState)({
         searchedText: "",
@@ -51,7 +50,7 @@ function ParentForGrid(props) {
             orderToSort: {},
         },
         checkBoxSelection: initialCheckBoxData,
-        isRemoveClicked: false
+        isRemoveClicked: false,
     });
     const gridRef = (0, react_1.useRef)(null);
     // Default column specification
@@ -95,7 +94,7 @@ function ParentForGrid(props) {
     // JSX for rendering checkbox in header
     const headerCheckBoxRenderer = (params) => {
         const displayName = params === null || params === void 0 ? void 0 : params.displayName;
-        return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex" }, { children: [(0, jsx_runtime_1.jsx)(grid_checkbox_1.default, { checked: featureDetails.checkBoxSelection.allBoxChecked, onChange: handleHeaderCheckbox, isIndeterminate: featureDetails.checkBoxSelection.isIndeterminate }), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "px-3" }, { children: displayName }))] })));
+        return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [(0, jsx_runtime_1.jsx)(grid_checkbox_1.default, { checked: featureDetails.checkBoxSelection.allBoxChecked, onChange: handleHeaderCheckbox, isIndeterminate: featureDetails.checkBoxSelection.isIndeterminate }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "px-3" }, { children: displayName }))] })));
     };
     // JSX for rendering checkbox in cells
     const cellCheckBoxRenderer = (params) => {
@@ -109,25 +108,25 @@ function ParentForGrid(props) {
     const dataCellRenderer = (cellRendererParams, column) => {
         var _a;
         const { initialRenderer, cellCheckBoxRenderer } = cellRendererParams;
-        return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "pr-3 " }, { children: cellCheckBoxRenderer(cellRendererParams) })), typeof initialRenderer === "function" ? (initialRenderer(cellRendererParams)) : ((0, jsx_runtime_1.jsx)("div", { children: (_a = cellRendererParams === null || cellRendererParams === void 0 ? void 0 : cellRendererParams.data) === null || _a === void 0 ? void 0 : _a[column === null || column === void 0 ? void 0 : column.field] }))] })));
+        return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "pr-3 flex align-items-center" }, { children: cellCheckBoxRenderer(cellRendererParams) })), typeof initialRenderer === "function" ? (initialRenderer(cellRendererParams)) : ((0, jsx_runtime_1.jsx)("div", { children: (_a = cellRendererParams === null || cellRendererParams === void 0 ? void 0 : cellRendererParams.data) === null || _a === void 0 ? void 0 : _a[column === null || column === void 0 ? void 0 : column.field] }))] })));
     };
     // Callback to products for getting data
     const getData = (startRow, endRow, currentFeatures) => tslib_1.__awaiter(this, void 0, void 0, function* () {
         if (!(props === null || props === void 0 ? void 0 : props.getRowData)) {
             return emptyResponse; // If callback function to get row data is not provided
         }
+        gridRef.current.api.showLoadingOverlay();
         const response = yield props.getRowData(startRow, endRow, currentFeatures);
         setGridData(Object.assign(Object.assign({}, gridData), { rowData: [] }));
         // Clear selected checkbox
         // setFeatureDetails((prev: any) => ({ ...prev, checkBoxSelection: initialCheckBoxData }));
         // To identify when to stop the callBack
-        // const actualEndRow = startRow + (response?.rowData?.length ?? 0);
         const actualEndRow = response === null || response === void 0 ? void 0 : response.totalRecords;
         if (response === null || response === void 0 ? void 0 : response.rowData) {
             const result = {
                 rowData: response.rowData,
                 actualEndRow: actualEndRow,
-                totalRecords: response.totalRecords
+                totalRecords: response.totalRecords,
             };
             setTotalRecords(response === null || response === void 0 ? void 0 : response.totalRecords);
             // response.actualEndRow = actualEndRow;
@@ -137,7 +136,6 @@ function ParentForGrid(props) {
     });
     // Gets call onLoad,scroll and whenever any featureDetails changed
     const onGridReady = (params, updatedFeatures) => tslib_1.__awaiter(this, void 0, void 0, function* () {
-        setIsLoading(true);
         setApi(params.api);
         setGridReadyEvent(params);
         let currentFeatures = updatedFeatures;
@@ -177,33 +175,24 @@ function ParentForGrid(props) {
             };
             params.api.setGridOption("datasource", dataSource);
         }
-        setIsLoading(false);
     });
-    // Get values when cell edited
-    const getEditedColumn = (params) => {
-        var _a;
-        const editedColumn = (_a = params === null || params === void 0 ? void 0 : params.colDef) === null || _a === void 0 ? void 0 : _a.field;
-        const editedRow = params === null || params === void 0 ? void 0 : params.data;
-        console.log(editedRow, editedColumn, "edited row ");
-    };
     // Options that grid should have
     const gridOptions = {
         columnDefs: gridData.columnData.map((column) => {
+            var _a, _b;
             if (column.enableChildCheckbox && column.enableHeaderCheckbox) {
-                return Object.assign(Object.assign({}, column), { headerComponent: (params) => headerCheckBoxRenderer(params), cellRenderer: (params) => dataCellRenderer(params, column), cellRendererParams: {
+                return Object.assign(Object.assign({}, column), { headerComponent: (params) => headerCheckBoxRenderer(params), cellRenderer: (params) => dataCellRenderer(params, column), headerName: (_a = column === null || column === void 0 ? void 0 : column.headerName) === null || _a === void 0 ? void 0 : _a.toUpperCase(), cellRendererParams: {
                         initialRenderer: (column === null || column === void 0 ? void 0 : column.cellRenderer) ? column === null || column === void 0 ? void 0 : column.cellRenderer : null,
                         cellCheckBoxRenderer: cellCheckBoxRenderer,
                     } });
             }
             else {
-                return column;
+                return Object.assign(Object.assign({}, column), { headerName: (_b = column === null || column === void 0 ? void 0 : column.headerName) === null || _b === void 0 ? void 0 : _b.toUpperCase() });
             }
         }),
-        // rowData: gridData.rowData, // Passing row data
         defaultColDef: defaultColDef,
         // enableRangeSelection: true, // Enabling range selection
         suppressMenuHide: false,
-        onCellValueChanged: getEditedColumn,
         rowSelection: "multiple",
         suppressRowClickSelection: true,
         rowHeight: constants_1.ROW_HEIGHT,
@@ -213,7 +202,7 @@ function ParentForGrid(props) {
         maxBlocksInCache: constants_1.MAX_BLOCKS,
         blockLoadDebounceMillis: constants_1.DEBOUNCE_INTERVAL,
         noRowsOverlayComponent: props === null || props === void 0 ? void 0 : props.noRowsOverlayComponent,
-        loadingOverlayComponent: loading_component_1.default,
+        loadingOverlayComponent: loading_component_1.default, // Component to show while loading
     };
     // Fucntion to call the grid
     const callGrid = (featureDetails) => {
@@ -239,20 +228,19 @@ function ParentForGrid(props) {
     //     excludedRecords: [],
     //   });
     // }, [featureDetails]);
-    console.log(isLoading, gridOptions, props === null || props === void 0 ? void 0 : props.pinnedTopRowData, "is loading state");
     (0, react_1.useEffect)(() => {
         if (props === null || props === void 0 ? void 0 : props.getCheckedRows) {
             const callBackForCheckedRows = props === null || props === void 0 ? void 0 : props.getCheckedRows;
             callBackForCheckedRows(featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection);
         }
     }, [featureDetails.checkBoxSelection]);
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(error_ui_1.default, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: { height: "100%", width: style.width }, className: "ag-grid-container border-1 border-gray-200 border-round" }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(MyProvider_1.default, Object.assign({ value: {
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(error_ui_1.default, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: { height: style.height, width: style.width }, className: "ag-grid-container border-1 border-gray-200 border-round" }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(context_provider_1.default, Object.assign({ value: {
                                 featureDetails,
                                 setFeatureDetails,
                                 gridData,
                                 callGrid,
                                 totalRecords,
-                                initialFeature
+                                initialFeature,
                             } }, { children: (0, jsx_runtime_1.jsx)(advanced_feature_1.default, { props: props }) })), (0, jsx_runtime_1.jsx)(AgGrid_1.default, { style: style, gridOptions: gridOptions, onGridReady: onGridReady, gridRef: gridRef })] }) })) }) }));
 }
 exports.default = ParentForGrid;

package/dist/index.js

@@ -228,8 +228,8 @@ var hooks_1 = require("primereact/hooks");
 Object.defineProperty(exports, "useClickOutside", { enumerable: true, get: function () { return hooks_1.useClickOutside; } });
 Object.defineProperty(exports, "useOverlayListener", { enumerable: true, get: function () { return hooks_1.useOverlayListener; } });
 Object.defineProperty(exports, "useOverlayScrollListener", { enumerable: true, get: function () { return hooks_1.useOverlayScrollListener; } });
-var ParentForGrid_1 = require("./components/ag-grid/ParentForGrid");
-Object.defineProperty(exports, "AGGridComponent", { enumerable: true, get: function () { return tslib_1.__importDefault(ParentForGrid_1).default; } });
+var parent_for_grid_1 = require("./components/ag-grid/parent-for-grid");
+Object.defineProperty(exports, "AGGridComponent", { enumerable: true, get: function () { return tslib_1.__importDefault(parent_for_grid_1).default; } });
 var Loader_1 = require("./components/loader/Loader");
 Object.defineProperty(exports, "SCLoader", { enumerable: true, get: function () { return tslib_1.__importDefault(Loader_1).default; } });
 client_1.default.createRoot(document.getElementById("root")).render((0, jsx_runtime_1.jsx)(App_1.default, {}));

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

@@ -1 +1 @@
-export declare const LICENSEKEY = "\"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\"";
+export declare const LICENSEKEY = "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";

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

@@ -1,17 +1,4 @@
 import { ColDef } from "@ag-grid-community/core";
-export interface IOlympicData {
-    athlete: string;
-    age: number;
-    country: string;
-    year: number;
-    date: string;
-    sport: string;
-    gold: number;
-    silver: number;
-    bronze: number;
-    total: number;
-    color: string;
-}
 export interface ColumnDef extends ColDef {
     id: string;
     dataType: any;
@@ -21,6 +8,7 @@ export interface ColumnDef extends ColDef {
     code?: number;
     enableHeaderCheckbox?: boolean;
     enableChildCheckbox?: boolean;
+    options?: any[];
 }
 export interface Style {
     height: number | string;
@@ -60,8 +48,6 @@ export interface Features {
     checkBoxSelection: CheckBoxSelection;
     isRemoveClicked: boolean;
 }
-export interface ParentProp {
-}
 export interface CheckBoxSelection {
     allBoxChecked: boolean;
     isIndeterminate: boolean;
@@ -99,11 +85,13 @@ export interface PropsFromProduct {
     columnData: ColumnDef[];
     getRowData: () => void;
     style: Style;
-    dataForDropDown?: () => void;
     conditionsToDisplay?: ConditionsToDisplay;
     bulkActionComponent?: React.FC;
     pinnedRowData?: any;
     rowModelType?: string;
+    getCheckedRows?: () => void;
+    shouldRefetch?: boolean;
+    noRowsOverlayComponent?: React.FC;
 }
 export interface ResoponseFromCallback {
     totalRecords: number;

package/dist/types/components/ag-grid/advancedFeature/new-filter/{TableFilter.d.ts → table-filter.d.ts}

@@ -1,3 +1,3 @@
-import './TableFilter.module.scss';
+import "./TableFilter.module.scss";
 declare const TableFilter: () => import("react/jsx-runtime").JSX.Element;
 export default TableFilter;

package/dist/types/index.d.ts

@@ -103,7 +103,7 @@ export { default as FroalaTextEditor } from "./components/froala-editor/FroalaEd
 export { default as ListBoxDropdown } from './components/list-box-dropdown/list-box-dropdown';
 export { default as CustomColorPicker } from "./components/custom-color-picker/color-picker";
 export { useClickOutside, useOverlayListener, useOverlayScrollListener } from 'primereact/hooks';
-export { default as AGGridComponent } from './components/ag-grid/ParentForGrid';
+export { default as AGGridComponent } from './components/ag-grid/parent-for-grid';
 export { default as SCLoader } from "./components/loader/Loader";
 import { DropdownChangeEvent } from "primereact/dropdown";
 import { ColorPickerChangeEvent } from "primereact/colorpicker";

package/package.json

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