sccoreui 5.9.48 → 5.9.49

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

@@ -14,7 +14,7 @@ function AdvancedFeatures({ props }) {
     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;
-    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 gap-3" }, { 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 gap-2" }, { 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 gap-3" }, { 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

@@ -89,7 +89,7 @@ function Sort() {
     }, [sortValue, sortBy]);
     return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `cursor-pointer sc_icon_hover flex align-items-center border-round ${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 ml-2" }, { children: `Selected` }))), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "icon-32x32 hover:bg-primary-50", text: true, onClick: (event) => onClickSort(event), icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "switch-vertical-02", size: 16, color: isOverlayOpened || featureDetails.sort.isSortable
+                    : ""}` }, { children: [featureDetails.sort.isSortable && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "flex align-items-center text-primary-400 ml-3" }, { children: `Selected` }))), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "icon-32x32 hover:bg-primary-50", text: true, onClick: (event) => onClickSort(event), icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "switch-vertical-02", size: 16, color: isOverlayOpened || featureDetails.sort.isSortable
                                 ? "text-gray-700"
                                 : "text-gray-700" }) })] })), (0, jsx_runtime_1.jsxs)(overlaypanel_1.OverlayPanel, Object.assign({ ref: showShort, onShow: () => setIsOverlayOpened(true), onHide: () => setIsOverlayOpened(false), className: "w-18rem mt-2 overlay_list_options" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "p-4 text-lg font-semibold  line-height-3 text-gray-900 border-bottom-1 border-gray-200" }, { children: "Column Sorting" })), (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "pl-0 m-1 max-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) {

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

@@ -99,6 +99,9 @@ const TableFilter = () => {
     };
     const createViewFromFilters = () => {
         const newFilters = conditionsArray.map((condition) => {
+            // Convert value type to string when data comes in object or array form
+            if (typeof condition.value !== "string")
+                condition.value = JSON.stringify(condition.value);
             return Object.assign(Object.assign({}, condition), { isActive: true, logicalOperator: conditionType.id });
         });
         const viewDetails = {

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

@@ -5,6 +5,6 @@ const react_1 = require("react");
 const context_provider_1 = require("../context-provider");
 function RecordDetail() {
     const { totalRecords } = (0, react_1.useContext)(context_provider_1.FeatureContext);
-    return ((0, jsx_runtime_1.jsx)("div", { children: `Total ${totalRecords} records` }));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ml-2" }, { children: `Total ${totalRecords} records` })));
 }
 exports.default = RecordDetail;

package/dist/components/ag-grid/context-provider.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FeatureContext = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
+const helper_1 = require("./helper");
 exports.FeatureContext = (0, react_1.createContext)(null);
 function MyProvider({ children, value }) {
     const { featureDetails, setFeatureDetails, gridData, callGrid, totalRecords, initialFeature, defaultFilters, createView, enableViewCreate } = value;
@@ -37,8 +38,13 @@ function MyProvider({ children, value }) {
         callGrid(emptyFeatures);
     };
     (0, react_1.useEffect)(() => {
-        if (defaultFilters.length)
-            setGlobalFilters(defaultFilters);
+        if (defaultFilters.length) {
+            const filtersToAdd = defaultFilters.map((filter) => {
+                filter.value = (0, helper_1.parseIfNeeded)(filter.value);
+                return filter;
+            });
+            setGlobalFilters(filtersToAdd);
+        }
     }, [defaultFilters]);
     return ((0, jsx_runtime_1.jsx)(exports.FeatureContext.Provider, Object.assign({ value: {
             sortValue,

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.applyDefaultFilters = void 0;
+exports.parseIfNeeded = exports.applyDefaultFilters = void 0;
 const applyDefaultFilters = (defaultFilters) => {
     console.log(defaultFilters, 'deafult filters');
     const filters = defaultFilters === null || defaultFilters === void 0 ? void 0 : defaultFilters.map((item) => {
@@ -15,3 +15,21 @@ const applyDefaultFilters = (defaultFilters) => {
     return filters;
 };
 exports.applyDefaultFilters = applyDefaultFilters;
+const isValidJsonString = (str) => {
+    try {
+        JSON.parse(str);
+        return true;
+    }
+    catch (error) {
+        return false;
+    }
+};
+const parseIfNeeded = (value) => {
+    if (isValidJsonString(value)) {
+        return JSON.parse(value);
+    }
+    else {
+        return value;
+    }
+};
+exports.parseIfNeeded = parseIfNeeded;

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

@@ -1 +1,2 @@
 export declare const applyDefaultFilters: (defaultFilters: any) => any;
+export declare const parseIfNeeded: (value: any) => any;

package/package.json

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