sccoreui 6.4.93 → 6.4.95

package/dist/components/ag-grid/advancedFeature/column-group.js

@@ -16,7 +16,7 @@ const FeatureSkeleton_1 = tslib_1.__importDefault(require("../../skeletons/Featu
 // import { ColumnDef } from "../Types";
 const ColumnGroup = (props) => {
     var _a, _b, _c, _d;
-    const { dataFromProps } = props;
+    const { dataFromProps: _dataFromProps } = props;
     const columnGroupRef = (0, react_1.useRef)(null);
     const btnRef = (0, react_1.useRef)(null);
     const [searchText, setSearchedText] = (0, react_1.useState)("");
@@ -27,9 +27,8 @@ const ColumnGroup = (props) => {
     const [columns, setColumns] = (0, react_1.useState)([]);
     const [renderColumns, setRenderColumns] = (0, react_1.useState)([]);
     const [columnsSelectedForGroup, setColumnsSelectedForGroup] = (0, react_1.useState)([]);
-    const [selectedCheckBoxesLength, setSelectedCheckBoxesLength] = (0, react_1.useState)(null);
+    const [_selectedCheckBoxesLength, setSelectedCheckBoxesLength] = (0, react_1.useState)(null);
     const isDisabled = (0, helper_1.isComponentDisable)(conditionsToDisplay.displayRowGroupingElement);
-    console.log("intiallllllllll", intialColumns, selectedCheckBoxesLength);
     // const [featureDetails, setFeatureDetails] = useState<Features>({
     //   searchedText: "",
     //   filterQueries: [],
@@ -103,7 +102,6 @@ const ColumnGroup = (props) => {
         setSearchedText("");
         saveGrouping(e, sortedFilteredColumns);
     };
-    console.log("columns innnnnnnn", dataFromProps);
     // Save Grouping
     const saveGrouping = (e, renderColumns) => {
         var _a, _b;

package/dist/components/ag-grid/advancedFeature/hide-column.js

@@ -21,6 +21,7 @@ function HideColumn() {
     const [storeNodes, setStoreNodes] = (0, react_1.useState)();
     const [nodes, setNodes] = (0, react_1.useState)();
     const [hidePanelNodes, setHidePanelNodes] = (0, react_1.useState)([]);
+    const [hasChanges, setHasChanges] = (0, react_1.useState)(false);
     const isDisabled = (0, helper_1.isComponentDisable)(conditionsToDisplay.displaySidePanel);
     const addColumns = () => {
         var _a;
@@ -87,6 +88,7 @@ function HideColumn() {
         });
         // setNodes(updatedColumns)
         setStoreNodes(updatedColumns);
+        setHasChanges(true);
     };
     // Return columns needs to hide
     const updateColumns = () => {
@@ -106,6 +108,7 @@ function HideColumn() {
         setStoreNodes(updatedNodes);
         hideColumns(columnsToHide, updatedNodes);
         setVisibleRight(false);
+        setHasChanges(false);
     };
     // Hide columns from grid
     const hideColumns = (columnsToHide, updatedSeq) => {
@@ -137,7 +140,6 @@ function HideColumn() {
                 changedColumns.push(Object.assign(Object.assign({}, colDef), { changeType: "visibility", previousHide: originalHideValue, currentHide: newHideValue }));
             }
         });
-        console.log(changedColumns, "changedColumns - only visibility changes");
         // Only call updateColumnsForGrid if there are actually changed columns
         if (changedColumns.length > 0) {
             updateColumnsForGrid({
@@ -157,15 +159,10 @@ function HideColumn() {
         if (draggedIndex !== index.toString()) {
             const updatedColumns = [...storeNodes];
             const [draggedItem] = updatedColumns.splice(draggedIndex, 1);
-            console.log(draggedItem, "dragged item", draggedIndex);
             updatedColumns.splice(index, 0, draggedItem);
-            console.log(updatedColumns, draggedIndex, draggedItem, "data of dragging");
-            for (let i = 0; i < updatedColumns.length; i++) {
-                const currentColumn = updatedColumns[i];
-                console.log(i, currentColumn, "columns in loop");
-            }
             setNodes(updatedColumns);
             setStoreNodes(updatedColumns);
+            setHasChanges(true);
         }
     };
     // When drag is completed
@@ -183,7 +180,6 @@ function HideColumn() {
                 }
                 return node;
             });
-            console.log(storeNodes, "store nodes in use effect");
             setNodes(fixNodes);
             setStoreNodes(fixNodes);
         }
@@ -191,10 +187,10 @@ function HideColumn() {
     const hidePanel = () => {
         setVisibleRight(false);
         setInputValue("");
+        setHasChanges(false);
     };
-    return (0, utilComponents_1.skeletonLoding)() ? ((0, jsx_runtime_1.jsx)(FeatureSkeleton_1.default, {})) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ onClick: () => !isDisabled && setVisibleRight(true), className: `rounded_btn sc_icon_hover icon-40x40 ${isDisabled && "disabled"}`, title: "Manage Columns" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "columns-02", color: "text-gray-500", size: 18 }) })), (0, jsx_runtime_1.jsxs)(sidebar_1.Sidebar, Object.assign({ className: "md:w-6 lg:w-4 overflow-hidden h-full ag_grid_sidebar", visible: visibleRight, position: "right", onHide: () => hidePanel() }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "bg-white" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex justify-content-between align-items-center px-4 py-3 border-bottom-1 border-gray-200" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "text-gray-900 text-lg font-semibold line-height-3" }, { children: (sidePanelText === null || sidePanelText === void 0 ? void 0 : sidePanelText.header) || "Configure Columns" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center gap-3" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: "btn-text", label: (sidePanelText === null || sidePanelText === void 0 ? void 0 : sidePanelText.disacrd_button) || "Discard", onClick: () => hidePanel() }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "font-semibold", label: (sidePanelText === null || sidePanelText === void 0 ? void 0 : sidePanelText.update_button) || "Update", disabled: (storeNodes === null || storeNodes === void 0 ? void 0 : storeNodes.filter((node) => node.checked).length) > 15
-                                                    ? true
-                                                    : false, onClick: () => updateColumns() })] }))] })), enableManageColumnsCallback && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-4 pb-0" }, { children: [(0, jsx_runtime_1.jsxs)("h3", Object.assign({ className: "flex align-items-center justify-content-between my-0" }, { children: [(sidePanelText === null || sidePanelText === void 0 ? void 0 : sidePanelText.apply_to_all_views) || "Apply to all views", (0, jsx_runtime_1.jsx)(inputswitch_1.InputSwitch, { checked: enableManageColumnsCallbackAPI, onChange: (e) => setEnableManageColumnsCallbackAPI(e.value) })] })), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "my-0 text-sm text-gray-600" }, { children: (sidePanelText === null || sidePanelText === void 0 ? void 0 : sidePanelText.apply_subHeading) ||
+    return (0, utilComponents_1.skeletonLoding)() ? ((0, jsx_runtime_1.jsx)(FeatureSkeleton_1.default, {})) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ onClick: () => !isDisabled && setVisibleRight(true), className: `rounded_btn sc_icon_hover icon-40x40 ${isDisabled && "disabled"}`, title: "Manage Columns" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "columns-02", color: "text-gray-500", size: 18 }) })), (0, jsx_runtime_1.jsxs)(sidebar_1.Sidebar, Object.assign({ className: "md:w-6 lg:w-4 overflow-hidden h-full ag_grid_sidebar", visible: visibleRight, position: "right", onHide: () => hidePanel() }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "bg-white" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex justify-content-between align-items-center px-4 py-3 border-bottom-1 border-gray-200" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "text-gray-900 text-lg font-semibold line-height-3" }, { children: (sidePanelText === null || sidePanelText === void 0 ? void 0 : sidePanelText.header) || "Configure Columns" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center gap-3" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: "btn-text", label: (sidePanelText === null || sidePanelText === void 0 ? void 0 : sidePanelText.disacrd_button) || "Discard", onClick: () => hidePanel() }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "font-semibold", label: (sidePanelText === null || sidePanelText === void 0 ? void 0 : sidePanelText.update_button) || "Update", disabled: !hasChanges ||
+                                                    (storeNodes === null || storeNodes === void 0 ? void 0 : storeNodes.filter((node) => node.checked).length) > 15, onClick: () => updateColumns() })] }))] })), enableManageColumnsCallback && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-4 pb-0" }, { children: [(0, jsx_runtime_1.jsxs)("h3", Object.assign({ className: "flex align-items-center justify-content-between my-0" }, { children: [(sidePanelText === null || sidePanelText === void 0 ? void 0 : sidePanelText.apply_to_all_views) || "Apply to all views", (0, jsx_runtime_1.jsx)(inputswitch_1.InputSwitch, { checked: enableManageColumnsCallbackAPI, onChange: (e) => setEnableManageColumnsCallbackAPI(e.value) })] })), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "my-0 text-sm text-gray-600" }, { children: (sidePanelText === null || sidePanelText === void 0 ? void 0 : sidePanelText.apply_subHeading) ||
                                             "Apply the chosen column selection to all available views" })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "mt-2" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-input-icon-left p-input-icon-right w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-prefix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "search-md" }) })), (inpValue === null || inpValue === void 0 ? void 0 : inpValue.length) > 0 && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix cursor-pointer zoom_animate", onClick: clearSearch }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "x-close", size: 18 }) }))), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { id: "email", value: inpValue, onChange: (e) => {
                                                         searchHandler(e.target.value);
                                                     }, disabled: false, placeholder: (sidePanelText === null || sidePanelText === void 0 ? void 0 : sidePanelText.search_placeHolder) ||
@@ -202,10 +198,10 @@ function HideColumn() {
                                     position: "sticky",
                                     top: (sidePanelText === null || sidePanelText === void 0 ? void 0 : sidePanelText.selected_attributes) && "0px",
                                 } }, { children: [(sidePanelText === null || sidePanelText === void 0 ? void 0 : sidePanelText.selected_attributes) || "Selected Attributes", " ", (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "text-gray-500 text-lg font-normal ml-1" }, { children: [`(`, nodes === null || nodes === void 0 ? void 0 : nodes.filter((node) => node.selected).length, "/", nodes === null || nodes === void 0 ? void 0 : nodes.filter((node) => node.unSelected || node.selected).length, `)`] }))] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "w-full" }, { children: (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "list-none p-0 mt-0" }, { children: (nodes === null || nodes === void 0 ? void 0 : nodes.length) > 0 ? (nodes === null || nodes === void 0 ? void 0 : nodes.map((listItem, idx) => (listItem === null || listItem === void 0 ? void 0 : listItem.visibleInPanel) &&
-                                        (listItem === null || listItem === void 0 ? void 0 : listItem.selected) && ((0, jsx_runtime_1.jsxs)("li", Object.assign({ className: "flex align-items-center justify-content-between py-3 text-gray-600 text-base", draggable: true, onDragStart: handleDragStart(idx), onDrop: handleDrop(idx), onDragOver: handleDragOver }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex gap-3" }, { children: [(0, jsx_runtime_1.jsx)("img", { src: drag_and_drop_icon_png_1.default, alt: "Drag and drop", className: "cursor-move" }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "max-w-24rem text_ellipsis" }, { children: listItem.headerName }))] })), (0, jsx_runtime_1.jsx)(inputswitch_1.InputSwitch, { checked: listItem === null || listItem === void 0 ? void 0 : listItem.checked, onChange: (e) => handleSwitchChange(listItem, e.value) })] }), idx)))) : ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-column -mx-3" }, { children: (0, jsx_runtime_1.jsx)("h3", Object.assign({ className: "mt-0 mb-2 flex align-items-center justify-content-center py-8 bg-gray-50 p-8 border-round-md mt-2 text-gray-900 font-normal" }, { children: "No results found on the search criteria" })) })) })) })) })), (0, jsx_runtime_1.jsxs)("h3", Object.assign({ className: " mb-0 mt-0 py-2 border-bottom-1 border-gray-200 bg-white z-5", style: {
+                                        (listItem === null || listItem === void 0 ? void 0 : listItem.selected) && ((0, jsx_runtime_1.jsxs)("li", Object.assign({ className: "flex align-items-center justify-content-between py-3 text-gray-600 text-base", draggable: true, onDragStart: handleDragStart(idx), onDrop: handleDrop(idx), onDragOver: handleDragOver }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex gap-3 align-items-center", style: { minWidth: 0 } }, { children: [(0, jsx_runtime_1.jsx)("img", { src: drag_and_drop_icon_png_1.default, alt: "Drag and drop", className: "cursor-move flex-shrink-0" }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "white-space-nowrap overflow-hidden text-overflow-ellipsis", style: { maxWidth: '200px' }, title: listItem.headerName }, { children: listItem.headerName }))] })), (0, jsx_runtime_1.jsx)(inputswitch_1.InputSwitch, { checked: listItem === null || listItem === void 0 ? void 0 : listItem.checked, onChange: (e) => handleSwitchChange(listItem, e.value) })] }), idx)))) : ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-column -mx-3" }, { children: (0, jsx_runtime_1.jsx)("h3", Object.assign({ className: "mt-0 mb-2 flex align-items-center justify-content-center py-8 bg-gray-50 p-8 border-round-md mt-2 text-gray-900 font-normal" }, { children: "No results found on the search criteria" })) })) })) })) })), (0, jsx_runtime_1.jsxs)("h3", Object.assign({ className: " mb-0 mt-0 py-2 border-bottom-1 border-gray-200 bg-white z-5", style: {
                                     position: "sticky",
                                     top: (sidePanelText === null || sidePanelText === void 0 ? void 0 : sidePanelText.selected_attributes) && "35px",
                                 } }, { children: [(sidePanelText === null || sidePanelText === void 0 ? void 0 : sidePanelText.unselected_attributes) || "Unselected Attributes", (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "text-gray-500 text-lg font-normal ml-2" }, { children: [`(`, nodes === null || nodes === void 0 ? void 0 : nodes.filter((node) => node.unSelected).length, "/", nodes === null || nodes === void 0 ? void 0 : nodes.filter((node) => node.unSelected || node.selected).length, `)`] }))] })), (nodes === null || nodes === void 0 ? void 0 : nodes.length) > 0 ? ((0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "list-none p-0 mt-2 ml-3" }, { children: nodes === null || nodes === void 0 ? void 0 : nodes.map((listItem) => (listItem === null || listItem === void 0 ? void 0 : listItem.visibleInPanel) &&
-                                    (listItem === null || listItem === void 0 ? void 0 : listItem.unSelected) && ((0, jsx_runtime_1.jsxs)("li", Object.assign({ className: "flex align-items-center justify-content-between py-3 text-gray-600 text-base" }, { children: [(0, jsx_runtime_1.jsx)("span", { children: listItem.headerName }), (0, jsx_runtime_1.jsx)(inputswitch_1.InputSwitch, { checked: listItem.checked, onChange: (e) => handleSwitchChange(listItem, e.value) })] }), listItem.id))) }))) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "mt-0 mb-2 flex align-items-center justify-content-center py-8 bg-gray-50 p-8 border-round-md mt-4 text-gray-900 text-lg" }, { children: "No results found on the search criteria" })))] }))] }))] }));
+                                    (listItem === null || listItem === void 0 ? void 0 : listItem.unSelected) && ((0, jsx_runtime_1.jsxs)("li", Object.assign({ className: "flex align-items-center justify-content-between py-3 text-gray-600 text-base" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "white-space-nowrap overflow-hidden text-overflow-ellipsis", style: { maxWidth: '200px' }, title: listItem.headerName }, { children: listItem.headerName })), (0, jsx_runtime_1.jsx)(inputswitch_1.InputSwitch, { checked: listItem.checked, onChange: (e) => handleSwitchChange(listItem, e.value) })] }), listItem.id))) }))) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "mt-0 mb-2 flex align-items-center justify-content-center py-8 bg-gray-50 p-8 border-round-md mt-4 text-gray-900 text-lg" }, { children: "No results found on the search criteria" })))] }))] }))] }));
 }
 exports.default = HideColumn;

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

@@ -345,7 +345,7 @@ const TableFilter = () => {
         }
     }, [globalFilters]);
     /**
-     * Sync conditionsArray when dialog opens
+     * Sync conditionsArray when dialog opens and show input if viewName exists
      */
     (0, react_1.useEffect)(() => {
         if (isVisible) {
@@ -355,6 +355,10 @@ const TableFilter = () => {
             else {
                 setConditionsArray(globalFilters);
             }
+            // Show the view name input if viewName is already set
+            if (viewName) {
+                setDisplayInput(true);
+            }
         }
     }, [isVisible]);
     /**

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

@@ -9,14 +9,14 @@ const hooks_1 = require("primereact/hooks");
 const constants_1 = tslib_1.__importDefault(require("./constants"));
 exports.FeatureContext = (0, react_1.createContext)(null);
 function MyProvider({ children, value }) {
-    const { featureDetails, setFeatureDetails, gridData, callGrid, totalRecords, initialFeature, defaultFilters, defaultSort, createView, enableViewCreate, filterModelText, sortModelText, recordDetailModelText, sidePanelText, sortOptions, filterConditions, clearFilters, setGridData, gridApi, updateColumnsForGrid, enableManageColumnsCallback, columnToRender, selectedGroup, setSelectedGroup, initialCheckBoxData, intialColumns, setIntialColumns, rowModelType, quickSearch, enableAdvancedFilter, conditionsToDisplay, gridViewFun, gridViewData, setGridViewData, gridView, serverSideSelectRow } = value;
+    const { featureDetails, setFeatureDetails, gridData, callGrid, totalRecords, initialFeature, defaultFilters, defaultSort, createView, enableViewCreate, filterModelText, sortModelText, recordDetailModelText, sidePanelText, sortOptions, filterConditions, clearFilters, setGridData, gridApi, updateColumnsForGrid, enableManageColumnsCallback, columnToRender, selectedGroup, setSelectedGroup, initialCheckBoxData, intialColumns, setIntialColumns, rowModelType, quickSearch, enableAdvancedFilter, conditionsToDisplay, gridViewFun, gridViewData, setGridViewData, gridView, serverSideSelectRow, defaultViewName } = value;
     // States for sort
     const [columnData] = (0, react_1.useState)(gridData === null || gridData === void 0 ? void 0 : gridData.columnData);
     const [inputValue, deboucedValue, setInputValue] = (0, hooks_1.useDebounce)("", 500);
     const [sortValue, setSortValue] = (0, react_1.useState)({});
     const [sortBy, setSortBy] = (0, react_1.useState)({});
     const [isOverlayOpened, setIsOverlayOpened] = (0, react_1.useState)(false);
-    const [viewName, setViewName] = (0, react_1.useState)("");
+    const [viewName, setViewName] = (0, react_1.useState)(defaultViewName || "");
     // States for filter
     const [queries, setQueries] = (0, react_1.useState)(() => {
         var _a;
@@ -100,6 +100,12 @@ function MyProvider({ children, value }) {
             }
         }
     }, [defaultSort, columnData, sortOptions]);
+    // Update viewName when defaultViewName changes
+    (0, react_1.useEffect)(() => {
+        if (defaultViewName) {
+            setViewName(defaultViewName);
+        }
+    }, [defaultViewName]);
     // Empty filters and call the grid
     (0, react_1.useEffect)(() => {
         // Only clear if clearFilters is explicitly true (not just truthy like [])

package/dist/components/ag-grid/error-ui.js

@@ -35,7 +35,6 @@ function ErrorBoundary({ children }) {
         };
     }, []);
     if (hasError) {
-        console.log(hasError, "error occured");
         // Fallback UI for when an error occurs
         return (
         // <div role="alert" className="errorContainer bg-gray-200">

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

@@ -458,6 +458,6 @@ function ParentForGrid(props) {
                                 gridViewFun,
                                 gridViewData,
                                 setGridViewData,
-                                gridView, enableAdvancedFilter: props === null || props === void 0 ? void 0 : props.enableAdvancedFilter }, ((props === null || props === void 0 ? void 0 : props.rowData) && { rowData: props === null || props === void 0 ? void 0 : props.rowData })), { conditionsToDisplay: props === null || props === void 0 ? void 0 : props.conditionsToDisplay, serverSideSelectRow: props.serverSideSelectRow }) }, { children: ((_q = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _q === void 0 ? void 0 : _q.displayFeaturesHeader) && ((0, jsx_runtime_1.jsx)(advanced_feature_1.default, { props: props })) })), gridView ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: gridViewTemplate(gridViewData) }) : (0, jsx_runtime_1.jsx)(AgGrid_1.default, { style: gridStyle, gridOptions: gridOptions, onGridReady: (props === null || props === void 0 ? void 0 : props.rowData) ? undefined : onGridReady, gridRef: gridRef })] }) })) }) }));
+                                gridView, enableAdvancedFilter: props === null || props === void 0 ? void 0 : props.enableAdvancedFilter }, ((props === null || props === void 0 ? void 0 : props.rowData) && { rowData: props === null || props === void 0 ? void 0 : props.rowData })), { conditionsToDisplay: props === null || props === void 0 ? void 0 : props.conditionsToDisplay, serverSideSelectRow: props.serverSideSelectRow, defaultViewName: props === null || props === void 0 ? void 0 : props.defaultViewName }) }, { children: ((_q = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _q === void 0 ? void 0 : _q.displayFeaturesHeader) && ((0, jsx_runtime_1.jsx)(advanced_feature_1.default, { props: props })) })), gridView ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: gridViewTemplate(gridViewData) }) : (0, jsx_runtime_1.jsx)(AgGrid_1.default, { style: gridStyle, gridOptions: gridOptions, onGridReady: (props === null || props === void 0 ? void 0 : props.rowData) ? undefined : onGridReady, gridRef: gridRef })] }) })) }) }));
 }
 exports.default = ParentForGrid;

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

@@ -13,8 +13,7 @@ const dataCellRenderer = (cellRendererParams, column, props) => {
 };
 exports.dataCellRenderer = dataCellRenderer;
 //Get this compnent from products
-const GroupHeader = (params) => {
-    console.log(params, "params");
+const GroupHeader = (_params) => {
     return (0, jsx_runtime_1.jsx)("p", { children: "My Custom Group" });
 };
 exports.GroupHeader = GroupHeader;

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

@@ -13,6 +13,7 @@ const ExpressionRender_1 = tslib_1.__importDefault(require("./ExpressionRender")
 const FormulaComponent = (props) => {
     const priceConditioRef = (0, react_1.useRef)(null);
     const [fieldOptions, setFieldOptions] = (0, react_1.useState)(props === null || props === void 0 ? void 0 : props.fieldOptions);
+    const [isMenuVisible, setIsMenuVisible] = (0, react_1.useState)(false);
     const [conditionValue, setConditionValue] = (0, react_1.useState)((props === null || props === void 0 ? void 0 : props.conditionValue) ? props === null || props === void 0 ? void 0 : props.conditionValue : 1);
     (0, react_1.useEffect)(() => {
         setConditionValue(props.conditionValue);
@@ -28,9 +29,9 @@ const FormulaComponent = (props) => {
                                                 ? props === null || props === void 0 ? void 0 : props.headerLabel
                                                 : "Configure Value" })), (0, jsx_runtime_1.jsx)("span", { children: (props === null || props === void 0 ? void 0 : props.headerDescription)
                                                 ? props === null || props === void 0 ? void 0 : props.headerDescription
-                                                : "Select price attribute and perform calculation." })] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "help-circle", size: 16 }) }))] }))), (0, jsx_runtime_1.jsx)(Tagify_1.default, { formulaOperators: props.formulaOperators, fieldOptions: fieldOptions, formulaValue: props === null || props === void 0 ? void 0 : props.formulaValue, priceConditioRef: priceConditioRef, onChange: (e) => {
+                                                : "Select price attribute and perform calculation." })] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "help-circle", size: 16 }) }))] }))), isMenuVisible && ((0, jsx_runtime_1.jsx)(Tagify_1.default, { formulaOperators: props.formulaOperators, fieldOptions: fieldOptions, formulaValue: props === null || props === void 0 ? void 0 : props.formulaValue, priceConditioRef: priceConditioRef, onChange: (e) => {
                                 (props === null || props === void 0 ? void 0 : props.onSaveFormula) && (props === null || props === void 0 ? void 0 : props.onSaveFormula(e));
-                            } })] }), "formula__dev"));
+                            } }))] }), "formula__dev"));
             },
         },
     ];
@@ -80,10 +81,6 @@ const FormulaComponent = (props) => {
                             return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
                         }
                     }
-                })() }), (0, jsx_runtime_1.jsx)(menu_1.Menu
-            // onShow={onShowMenu}
-            , { 
-                // onShow={onShowMenu}
-                popup: true, popupAlignment: "left", className: `w-28rem p-0 ${props === null || props === void 0 ? void 0 : props.menuClassName}`, model: menuContent, ref: priceConditioRef, id: "condition_menu_popup" })] }), "asadssadsasdsdadasd"));
+                })() }), (0, jsx_runtime_1.jsx)(menu_1.Menu, { onShow: () => setIsMenuVisible(true), onHide: () => setIsMenuVisible(false), popup: true, popupAlignment: "left", className: `w-28rem p-0 ${props === null || props === void 0 ? void 0 : props.menuClassName}`, model: menuContent, ref: priceConditioRef, id: "condition_menu_popup" })] }), "asadssadsasdsdadasd"));
 };
 exports.default = FormulaComponent;

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

@@ -31,6 +31,9 @@ const TAGIFY_STYLES = `
   .tagify__tag.tagify--editable {
     pointer-events: none !important;
   }
+  .tagify__tag {
+    margin: 4px 0 !important;
+  }
 `;
 // Safe math expression evaluator (replaces eval)
 const safeEvaluate = (expression) => {
@@ -71,10 +74,18 @@ const safeEvaluate = (expression) => {
             const right = parseFactor();
             if (op === "*")
                 left = left * right;
-            else if (op === "/")
+            else if (op === "/") {
+                if (right === 0) {
+                    throw new Error("Division by zero");
+                }
                 left = left / right;
-            else
+            }
+            else {
+                if (right === 0) {
+                    throw new Error("Division by zero");
+                }
                 left = left % right;
+            }
         }
         return left;
     };
@@ -198,22 +209,27 @@ const TagifyComponent = (props) => {
             if (/[\+\-\*\/\%][\*\/\%]/.test(validationValue)) {
                 return { isValid: false, error: "Invalid operator sequence" };
             }
-            // If we passed all validations, extract prices and evaluate
-            const str = tagifyRef.current.value;
-            let res = str.replace(tagPattern, (match) => {
-                try {
-                    const tagData = JSON.parse(match.slice(2, -2));
-                    return tagData.price.toString();
-                }
-                catch (_a) {
-                    return "0"; // Use 0 as fallback for invalid tags
-                }
-            });
+            // If we passed all validations, only evaluate when there are no chips
+            const hasChips = chipTokens.length > 0;
+            if (hasChips) {
+                return { isValid: true, error: "" };
+            }
             // Clean the result string for evaluation
-            res = res.replaceAll("​", "");
+            let res = validationValue.replaceAll("​", "");
             res = res.replaceAll(" ", "");
             // Safely evaluate the expression
-            const result = safeEvaluate(res);
+            let result;
+            debugger;
+            console.log(res, "response -data check");
+            try {
+                result = safeEvaluate(res);
+            }
+            catch (err) {
+                if (err instanceof Error && err.message === "Division by zero") {
+                    return { isValid: false, error: "Division by zero" };
+                }
+                return { isValid: false, error: "Invalid formula" };
+            }
             // Check if result is a valid number
             if (isNaN(result) || !isFinite(result)) {
                 return { isValid: false, error: "Invalid formula result" };
@@ -250,7 +266,10 @@ const TagifyComponent = (props) => {
         }
     };
     (0, react_1.useEffect)(() => {
-        var _a;
+        // Check if the input element exists before initializing
+        if (!tagifyRef.current) {
+            return undefined;
+        }
         // Add styles only once
         if (!styleRef.current) {
             const style = document.createElement("style");
@@ -258,63 +277,16 @@ const TagifyComponent = (props) => {
             document.head.appendChild(style);
             styleRef.current = style;
         }
-        // Initialize tagify with new keyword and options
-        const tagifyInstance = new tagify_1.default(tagifyRef.current, {
-            tagTextProp: "value",
-            placeholder: "Enter text or tags...",
-            mode: "mix",
-            skipInvalid: true,
-            duplicates: true,
-            enforceWhitelist: true,
-            editTags: false,
-            whitelist: [...((props === null || props === void 0 ? void 0 : props.fieldOptions) || [])],
-            dropdown: {
-                maxItems: 10,
-                classname: "tags-look",
-                enabled: 0,
-                closeOnSelect: true,
-                searchKeys: ["@"],
-                highlightFirst: true,
-                position: "text",
-                mapValueTo: "value",
-                includeSelectedTags: true,
-                showTags: false,
-                hideSelected: false, // Don't hide selected items from the dropdown
-            },
-            templates: {
-                // Override the dropdownItem template to remove the selected checkmark
-                dropdownItem: function (tagData) {
-                    // Create a custom template without checkmark
-                    return `<div ${this.getAttributes(tagData)}
-                      class='tagify__dropdown__item ${tagData.class ? tagData.class : ""}'
-                      tabindex="0"
-                      role="option">
-                      <span>${tagData.value}</span>
-                  </div>`;
-                },
-            },
-            // Prevent double-click from triggering edit mode
-            callbacks: {
-                click: function (e) {
-                    // Prevent default double-click behavior
-                    e.preventDefault();
-                    return false;
-                },
-            },
-        });
-        // Store instance in ref for access in other functions
-        tagifyInstanceRef.current = tagifyInstance;
-        // Override the editTag method to prevent editing
-        tagifyInstance.editTag = function () {
-            return false;
-        };
-        // Handle any click or dblclick on tags to prevent editing
+        // Store reference to the input element
+        const inputElement = tagifyRef.current;
+        let tagifyInstance = null;
+        let tagifyInput = null;
+        // Handle double-click to prevent editing
         const handleDblClick = (e) => {
             e.preventDefault();
             e.stopPropagation();
             return false;
         };
-        tagifyRef.current.addEventListener("dblclick", handleDblClick, true);
         // Filter invalid keystrokes based on context
         const handleKeyDown = (e) => {
             var _a;
@@ -322,7 +294,7 @@ const TagifyComponent = (props) => {
                 "Backspace", "Delete", "ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown",
                 "Home", "End", "Tab", "Enter", "Escape"
             ];
-            const operators = /^[+\-*/%]$/;
+            const operatorsRegex = /^[+\-*/%]$/;
             const numbers = /^[0-9.]$/;
             const openParen = "(";
             const closeParen = ")";
@@ -364,7 +336,7 @@ const TagifyComponent = (props) => {
                 return;
             }
             // Handle operators
-            if (operators.test(e.key)) {
+            if (operatorsRegex.test(e.key)) {
                 // Can't start with * / % (but can start with + or -)
                 if (isEmpty && /^[*/%]$/.test(e.key)) {
                     e.preventDefault();
@@ -443,24 +415,84 @@ const TagifyComponent = (props) => {
             // Block everything else (alphabets, special chars, etc.)
             e.preventDefault();
         };
-        // Get the tagify input element (the contenteditable span)
-        const tagifyInput = (_a = tagifyRef.current.parentElement) === null || _a === void 0 ? void 0 : _a.querySelector(".tagify__input");
-        if (tagifyInput) {
-            tagifyInput.addEventListener("keydown", handleKeyDown);
-        }
-        // On input change, just clear error display (no validation during typing)
-        tagifyInstance.on("input", () => {
-            clearErrorBorder();
-        });
-        tagifyInstance.on("change", () => {
-            clearErrorBorder();
+        // Use requestAnimationFrame to ensure DOM is ready after Menu transition
+        const initTimeoutId = requestAnimationFrame(() => {
+            var _a;
+            if (!inputElement)
+                return;
+            // Initialize tagify with new keyword and options
+            tagifyInstance = new tagify_1.default(inputElement, {
+                tagTextProp: "value",
+                placeholder: "Enter text or tags...",
+                mode: "mix",
+                skipInvalid: true,
+                duplicates: true,
+                enforceWhitelist: true,
+                editTags: false,
+                whitelist: [...((props === null || props === void 0 ? void 0 : props.fieldOptions) || [])],
+                dropdown: {
+                    maxItems: 10,
+                    classname: "tags-look",
+                    enabled: 0,
+                    closeOnSelect: true,
+                    searchKeys: ["@"],
+                    highlightFirst: true,
+                    position: "text",
+                    mapValueTo: "value",
+                    includeSelectedTags: true,
+                    showTags: false,
+                    hideSelected: false, // Don't hide selected items from the dropdown
+                },
+                templates: {
+                    // Override the dropdownItem template to remove the selected checkmark
+                    dropdownItem: function (tagData) {
+                        // Create a custom template without checkmark
+                        return `<div ${this.getAttributes(tagData)}
+                      class='tagify__dropdown__item ${tagData.class ? tagData.class : ""}'
+                      tabindex="0"
+                      role="option">
+                      <span>${tagData.value}</span>
+                  </div>`;
+                    },
+                },
+                // Prevent double-click from triggering edit mode
+                callbacks: {
+                    click: function (e) {
+                        // Prevent default double-click behavior
+                        e.preventDefault();
+                        return false;
+                    },
+                },
+            });
+            // Store instance in ref for access in other functions
+            tagifyInstanceRef.current = tagifyInstance;
+            // Override the editTag method to prevent editing
+            tagifyInstance.editTag = function () {
+                return false;
+            };
+            inputElement.addEventListener("dblclick", handleDblClick, true);
+            // Get the tagify input element (the contenteditable span)
+            tagifyInput = ((_a = inputElement.parentElement) === null || _a === void 0 ? void 0 : _a.querySelector(".tagify__input")) || null;
+            if (tagifyInput) {
+                tagifyInput.addEventListener("keydown", handleKeyDown);
+            }
+            // On input change, just clear error display (no validation during typing)
+            tagifyInstance.on("input", () => {
+                clearErrorBorder();
+            });
+            tagifyInstance.on("change", () => {
+                clearErrorBorder();
+            });
         });
         // Clean up on unmount
         return () => {
-            tagifyInstance.destroy();
+            cancelAnimationFrame(initTimeoutId);
+            if (tagifyInstance) {
+                tagifyInstance.destroy();
+            }
             tagifyInstanceRef.current = null;
-            if (tagifyRef.current) {
-                tagifyRef.current.removeEventListener("dblclick", handleDblClick, true);
+            if (inputElement) {
+                inputElement.removeEventListener("dblclick", handleDblClick, true);
             }
             if (tagifyInput) {
                 tagifyInput.removeEventListener("keydown", handleKeyDown);
@@ -472,16 +504,13 @@ const TagifyComponent = (props) => {
         };
     }, []);
     // Function to get the cursor position and add operator symbol
-    const addOperatorAtCursor = (operator) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+    const addOperatorAtCursor = (operator) => {
         var _a;
         if (tagifyRef.current) {
             tagifyRef.current.value = ((_a = tagifyRef === null || tagifyRef === void 0 ? void 0 : tagifyRef.current) === null || _a === void 0 ? void 0 : _a.value) + operators[operator];
         }
-        if (tagifyInstanceRef.current) {
-            yield tagifyInstanceRef.current.on([{ value: operators[operator], type: "math" }]);
-        }
         clearErrorBorder();
-    });
+    };
     const handleSaveClick = (e) => {
         var _a, _b, _c;
         const { isValid, error } = validateFormula();

package/dist/types/components/ag-grid/context-provider.d.ts

@@ -39,6 +39,7 @@ interface MyProviderProps {
         setGridViewData: any;
         gridView: boolean;
         serverSideSelectRow: (data: any, emptyFun: (oject: any) => void) => void;
+        defaultViewName?: string;
     };
 }
 declare function MyProvider({ children, value }: MyProviderProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
 export declare const dataCellRenderer: (cellRendererParams: any, column: any, props: any) => import("react/jsx-runtime").JSX.Element;
-export declare const GroupHeader: (params: any) => import("react/jsx-runtime").JSX.Element;
+export declare const GroupHeader: (_params: any) => import("react/jsx-runtime").JSX.Element;
 export declare const GridHeaderComponent: (props: any) => any;
 export declare const skeletonLoding: () => boolean;

package/package.json

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