sccoreui 5.9.43 → 5.9.44

package/dist/components/ag-grid/advancedFeature/new-filter/conditions/Conditions.js

@@ -80,7 +80,7 @@ const Condtions = (props) => {
                         setEnbleApply(false); // Set enableApply to false when the input is invalid
                     }
                 };
-                if ((condition === null || condition === void 0 ? void 0 : condition.code) === "9" || (condition === null || condition === void 0 ? void 0 : condition.code) === "20") {
+                if (condition === "9" || condition === "20") {
                     return ((0, jsx_runtime_1.jsx)(inputtext_1.InputText, { disabled: !condition, className: "border-noround-left mb-2 w-12rem dropdown-focus-none", value: value.includes(",") ? value.replace(",", "-") : value, placeholder: "Enter", onChange: (event) => handleOnchangeEvent(event.target.value) })
                     // <div className="flex">
                     //     <InputNumber
@@ -125,7 +125,7 @@ const Condtions = (props) => {
                     let valueString = value.length === 2 ? value.map(convertDateToISO).join(",") : value;
                     handleDynamicFieldState(valueString);
                 };
-                if ((condition === null || condition === void 0 ? void 0 : condition.code) === "9" || (condition === null || condition === void 0 ? void 0 : condition.code) === "20") {
+                if (condition === "9" || condition === "20") {
                     return ((0, jsx_runtime_1.jsx)(calendar_1.Calendar, { readOnlyInput: true, showTime: true, disabled: !condition, selectionMode: "range", placeholder: "Select", className: "condtion-dropdown border-noround-left mb-2 filter-calendar", value: (value === null || value === void 0 ? void 0 : value.includes(",")) ? (_a = value === null || value === void 0 ? void 0 : value.split(",")) === null || _a === void 0 ? void 0 : _a.map((date) => date ? new Date(date) : null) : null, onChange: (event) => handleOnchangeEvent(event.value) }));
                 }
                 return ((0, jsx_runtime_1.jsx)(calendar_1.Calendar, { readOnlyInput: true, showTime: false, disabled: !condition, selectionMode: "single", placeholder: "Select", className: "condtion-dropdown border-noround-left mb-2 filter-calendar", value: value, onChange: (event) => handleDynamicFieldState(event.value) }));

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

@@ -11,6 +11,7 @@ const constants_1 = tslib_1.__importDefault(require("../../constants"));
 const Conditions_1 = tslib_1.__importDefault(require("./conditions/Conditions"));
 // import "./TableFilter.module.scss";
 const context_provider_1 = require("../../context-provider");
+const inputtext_1 = require("primereact/inputtext");
 const TableFilter = () => {
     const { featureDetails, columnData, conditionType, conditionTypes, globalFilters, setConditionType, setGlobalFilters, setFeatureDetails, callGrid, setViewName, viewName, createView, enableViewCreate } = (0, react_1.useContext)(context_provider_1.FeatureContext);
     const columnId = "field";
@@ -36,7 +37,7 @@ const TableFilter = () => {
     const applyAdvancedFilter = (array) => {
         const allQueries = array.map((query) => {
             const column = { field: query.columnName.code };
-            const operation = { code: query.condition.code };
+            const operation = { code: query.condition };
             let queryToAdd = {
                 selectedColumn: column,
                 selectedOperation: operation,
@@ -106,6 +107,9 @@ const TableFilter = () => {
         createView(viewDetails);
         showFilter.current.toggle(false);
     };
+    const filterLogoToggle = () => {
+        setIsOverlayOpened(false), setDisplayInput(false), setViewName("");
+    };
     (0, react_1.useEffect)(() => {
         if (conditionsArray.length === 0) {
             setConditionsArray([defaultCondtion]);
@@ -131,8 +135,8 @@ const TableFilter = () => {
                     : "bg-white"}` }, { 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 ||
                                 (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-2 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: 18, color: "#243DC6" }) }))] })))] })), (0, jsx_runtime_1.jsx)(overlaypanel_1.OverlayPanel, Object.assign({ ref: showFilter, onShow: () => setIsOverlayOpened(true), onHide: () => { setIsOverlayOpened(false), setDisplayInput(false); }, className: "table-filter-overlay" }, { 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-2 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: 18, color: "#243DC6" }) }))] })))] })), (0, jsx_runtime_1.jsx)(overlaypanel_1.OverlayPanel, Object.assign({ ref: showFilter, onShow: () => setIsOverlayOpened(true), onHide: filterLogoToggle, className: "table-filter-overlay" }, { 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, { text: true, className: "focus:shadow-none", label: "Reset Filter", onClick: onresetFilter }) }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [!displayInput && enableViewCreate && ((0, jsx_runtime_1.jsx)(button_1.Button, { className: "text-base px-2 font-semibold text-primary-400 flex gap-2 p-1 focus:shadow-none mr-3", label: "Create View", onClick: () => setDisplayInput(true), disabled: !allFieldsFilled, text: true, iconPos: "left", icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "plus", color: "text-primary-400 mr-2" }) })), displayInput && (0, jsx_runtime_1.jsx)("input", { type: "text", onChange: (e) => setViewName(e.target.value) }), displayInput && (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ onClick: createViewFromFilters, disabled: !viewName.length }, { children: "Add view" })), (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, { text: true, className: "focus:shadow-none", label: "Reset Filter", onClick: onresetFilter }) }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [!displayInput && enableViewCreate && ((0, jsx_runtime_1.jsx)(button_1.Button, { className: "text-base px-2 font-semibold text-primary-400 flex gap-2 p-1 focus:shadow-none mr-3", label: "Create View", onClick: () => setDisplayInput(true), disabled: !allFieldsFilled, text: true, iconPos: "left", icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "plus", color: "text-primary-400 mr-2" }) })), displayInput && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-input-icon-left p-input-icon-right w-full" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `p-input-suffix` }, { children: [displayInput && ((0, jsx_runtime_1.jsx)(button_1.Button, { onClick: createViewFromFilters, disabled: !viewName.length, className: "p-0 h-auto", text: true, icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "check" }) })), (0, jsx_runtime_1.jsx)(button_1.Button, { onClick: () => setViewName(""), className: "p-0 h-auto", disabled: !viewName.length, text: true, icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "x-close" }) })] })), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { placeholder: "Enter", value: viewName, onChange: (e) => setViewName(e.target.value), className: "text-lg font-normal text-gray-500 hover:text-gray-900 w-full px-3 mr-3" })] }))), (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/context-provider.js

@@ -39,7 +39,7 @@ function MyProvider({ children, value }) {
     (0, react_1.useEffect)(() => {
         if (defaultFilters.length)
             setGlobalFilters(defaultFilters);
-    }, []);
+    }, [defaultFilters]);
     return ((0, jsx_runtime_1.jsx)(exports.FeatureContext.Provider, Object.assign({ value: {
             sortValue,
             setSortValue,

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

@@ -12,7 +12,6 @@ const constants_1 = require("./constants");
 const loading_component_1 = tslib_1.__importDefault(require("./loading-component"));
 const helper_1 = require("./helper");
 function ParentForGrid(props) {
-    var _a;
     const [gridData, setGridData] = (0, react_1.useState)({
         rowData: [],
         columnData: props === null || props === void 0 ? void 0 : props.columnData,
@@ -22,7 +21,7 @@ function ParentForGrid(props) {
     const [totalRecords, setTotalRecords] = (0, react_1.useState)(0);
     const [gridReadyEvent, setGridReadyEvent] = (0, react_1.useState)();
     const [defaultSelectedRows, setDefaultSelectedRows] = (0, react_1.useState)([]);
-    const [defaultFilters] = (0, react_1.useState)((_a = props === null || props === void 0 ? void 0 : props.defaultFilters) !== null && _a !== void 0 ? _a : []);
+    const [defaultFilters, setDefaultFilters] = (0, react_1.useState)((props === null || props === void 0 ? void 0 : props.defaultFilters) || []);
     const [emptyResponse] = (0, react_1.useState)({
         totalRecords: 0,
         rowData: [],
@@ -173,11 +172,11 @@ function ParentForGrid(props) {
         else if (props.rowModelType === constants_1.ROWMODELTYPE.INFINITE) {
             const dataSource = {
                 getRows: (params) => tslib_1.__awaiter(this, void 0, void 0, function* () {
-                    var _b;
+                    var _a;
                     const startRow = params.startRow;
                     const endRow = params.endRow;
                     const result = yield getData(startRow, endRow, currentFeatures);
-                    if (((_b = result === null || result === void 0 ? void 0 : result.rowData) === null || _b === void 0 ? void 0 : _b.length) > 0) {
+                    if (((_a = result === null || result === void 0 ? void 0 : result.rowData) === null || _a === void 0 ? void 0 : _a.length) > 0) {
                         gridRef.current.api.hideOverlay();
                         params.successCallback(result === null || result === void 0 ? void 0 : result.rowData, result === null || result === void 0 ? void 0 : result.actualEndRow);
                     }
@@ -232,8 +231,15 @@ function ParentForGrid(props) {
         }
     }, [featureDetails.searchedText]);
     (0, react_1.useEffect)(() => {
+        var _a;
         if (api && gridReadyEvent && (props === null || props === void 0 ? void 0 : props.shouldRefetch)) {
-            callGrid(featureDetails);
+            let currentFeature = featureDetails;
+            if ((_a = props === null || props === void 0 ? void 0 : props.defaultFilters) === null || _a === void 0 ? void 0 : _a.length) {
+                currentFeature.filterQueries = (0, helper_1.applyDefaultFilters)(props === null || props === void 0 ? void 0 : props.defaultFilters);
+                setDefaultFilters(props.defaultFilters);
+                setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { filterQueries: (0, helper_1.applyDefaultFilters)(props === null || props === void 0 ? void 0 : props.defaultFilters) }));
+            }
+            callGrid(currentFeature);
         }
     }, [props === null || props === void 0 ? void 0 : props.shouldRefetch]);
     // Remove all checkbox selection if any feature added

package/package.json

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