@megha-ui/react 1.2.186 → 1.2.188

package/dist/components/grid/index.js

@@ -20,6 +20,7 @@ import Dropdown from "../dropdown";
 import Loader from "../loader";
 import Button from "../button";
 import { TbAntennaBarsOff, TbCalculator, TbCalculatorFilled, TbCalculatorOff, } from "react-icons/tb";
+import { TbCopy, TbCopyOff } from "react-icons/tb";
 import { formatValue } from "../../services/commonService";
 const Grid = ({ columns, wrapperClass, updateGridColumns, data, height, sortable = true, paginate, rowsPerPageOptions = [10, 20, 50, 100], defaultRowsPerPage = 100, widthMode = "custom", bulkSelect = false, cellBorder = false, rowHeight = 38, onRowClick, rowCount = false, rowBorder = true, showMenu = false, search = false, defaultSearchOperation = "contains", gridBorder = false, isLoading = false, rowTopBorder, rowBottomBorder, rowLeftBorder, rowRightBorder, headerBackground = "var(--row-header-bg)", headerTopBorder = "none", headerBottomBorder = "none", SettingIcon, ExportIcon, ignoredExportItems = ["action", "actions"], borderColor = "#dbdfe9", updateColumns, showHideAvailable = false, columnSearchOutside = false, multiSorting = false, exportAvailable = false, exportableFileName = "", groupBy, updateGroupBy, rowKey = "id", hlBorderColor = "black", selectedRow, selectedRowStyle = {
     borderLeft: "0.5rem solid #d9d9d9",
@@ -65,6 +66,7 @@ const Grid = ({ columns, wrapperClass, updateGridColumns, data, height, sortable
     const prevData = useRef(data);
     const [isFullScreen, setIsFullScreen] = useState(false);
     const [fullScreen, setFullScreen] = useState(false);
+    const [hideDuplicates, setHideDuplicates] = useState(false);
     const [isCollapsed, setIsCollapsed] = useState(false);
     const prevColumns = useRef(null);
     const [inputValue, setInputValue] = useState("");
@@ -311,6 +313,21 @@ const Grid = ({ columns, wrapperClass, updateGridColumns, data, height, sortable
                 : "";
             return value.toLowerCase().includes(query.toLowerCase());
         }));
+        if (hideDuplicates) {
+            const visibleColumns = filterColumns.filter((col) => !col.hidden && col.key !== actionsKey);
+            if (visibleColumns.length > 0) {
+                const seen = new Set();
+                _filteredData = _filteredData.filter((row) => {
+                    const key = visibleColumns
+                        .map((col) => { var _a, _b; return ((_b = (_a = row[col.key]) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "").toString(); })
+                        .join("|~|");
+                    if (seen.has(key))
+                        return false;
+                    seen.add(key);
+                    return true;
+                });
+            }
+        }
         return _filteredData;
     }, [
         data,
@@ -320,6 +337,8 @@ const Grid = ({ columns, wrapperClass, updateGridColumns, data, height, sortable
         globalSearchOp,
         inputValue,
         fixedFilterValues,
+        hideDuplicates,
+        actionsKey,
     ]);
     const recalculate = (_summariseKeys) => {
         const filteredData = paginate ? paginatedData : sortedData;
@@ -1252,7 +1271,7 @@ const Grid = ({ columns, wrapperClass, updateGridColumns, data, height, sortable
                                         }, children: _jsx(TbCalculatorOff, {}) }))] }), _jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [isSummarise && (_jsx("div", { onClick: () => setSummariseAvailable((prev) => !prev), style: {
                                             cursor: "pointer",
                                             marginLeft: 10,
-                                        }, children: SummariseIcon ? (SummariseIcon) : summariseAvailable ? (_jsx(TbCalculatorFilled, { color: summarizeColor, size: 18 })) : (_jsx(TbCalculator, { size: 18 })) })), showHideAvailable && (_jsx("div", { onClick: openSetting, style: { cursor: "pointer", marginLeft: 10 }, children: SettingIcon ? SettingIcon : _jsx(FiEye, { size: 18 }) })), exportAvailable && (_jsx("div", { onClick: handleExport, style: { cursor: "pointer", marginLeft: 10 }, children: ExportIcon ? ExportIcon : _jsx(FiShare, { size: 16 }) })), fullScreen && (_jsx("div", { onClick: toggleFullScreen, style: { cursor: "pointer", marginLeft: 10 }, children: isFullScreen ? (_jsx(MdFullscreenExit, { size: 20 })) : (_jsx(MdFullscreen, { size: 20 })) })), freezeColumnsAvailable && (_jsx("div", { onClick: toggleCollapse, style: { cursor: "pointer", marginLeft: 10 }, children: isCollapsed ? (_jsx(FiChevronsRight, { size: 20 })) : (_jsx(FiChevronsLeft, { size: 20 })) })), (filterDetails.filtersUpdated ||
+                                        }, children: SummariseIcon ? (SummariseIcon) : summariseAvailable ? (_jsx(TbCalculatorFilled, { color: summarizeColor, size: 18 })) : (_jsx(TbCalculator, { size: 18 })) })), showHideAvailable && (_jsx("div", { onClick: openSetting, style: { cursor: "pointer", marginLeft: 10 }, children: SettingIcon ? SettingIcon : _jsx(FiEye, { size: 18 }) })), exportAvailable && (_jsx("div", { onClick: handleExport, style: { cursor: "pointer", marginLeft: 10 }, children: ExportIcon ? ExportIcon : _jsx(FiShare, { size: 16 }) })), _jsx("div", { onClick: () => setHideDuplicates((prev) => !prev), style: { cursor: "pointer", marginLeft: 10 }, title: hideDuplicates ? "Show Duplicates" : "Hide Duplicates", children: hideDuplicates ? (_jsx(TbCopyOff, { size: 18 })) : (_jsx(TbCopy, { size: 18 })) }), fullScreen && (_jsx("div", { onClick: toggleFullScreen, style: { cursor: "pointer", marginLeft: 10 }, children: isFullScreen ? (_jsx(MdFullscreenExit, { size: 20 })) : (_jsx(MdFullscreen, { size: 20 })) })), freezeColumnsAvailable && (_jsx("div", { onClick: toggleCollapse, style: { cursor: "pointer", marginLeft: 10 }, children: isCollapsed ? (_jsx(FiChevronsRight, { size: 20 })) : (_jsx(FiChevronsLeft, { size: 20 })) })), (filterDetails.filtersUpdated ||
                                         sortDetails.sortUpdated ||
                                         summarise.summariseUpdated ||
                                         gridGroupBy !== (groupBy || "")) &&

package/dist/services/commonService.js

@@ -1,7 +1,21 @@
 import { isValidDateFormat } from "../components/grid/utils/regexUtils";
 // Function to format numbers
 const formatNumber = (value, locale = "sv-SE", options) => {
-    const formatter = new Intl.NumberFormat(locale, options);
+    var _a;
+    const { compactDisplay, notation, signDisplay, unit, unitDisplay, currencySign, minimumFractionDigits, maximumFractionDigits, minimumSignificantDigits, maximumSignificantDigits, } = options !== null && options !== void 0 ? options : {};
+    const formatter = new Intl.NumberFormat(locale, {
+        style: (_a = options.Numberstyle) !== null && _a !== void 0 ? _a : "decimal",
+        compactDisplay,
+        notation,
+        signDisplay,
+        unit,
+        unitDisplay,
+        currencySign,
+        minimumFractionDigits,
+        maximumFractionDigits,
+        minimumSignificantDigits,
+        maximumSignificantDigits,
+    });
     return formatter.format(value);
 };
 // ISO-like string including local time (no timezone)
@@ -150,7 +164,10 @@ const formatCurrency = (value, locale = "sv-SE", currency = "SEK", options) => {
         }
         catch (_a) {
             // 3) Final fallback: minimal currency formatting
-            const fmt = new Intl.NumberFormat(locale, { style: "currency", currency: code });
+            const fmt = new Intl.NumberFormat(locale, {
+                style: "currency",
+                currency: code,
+            });
             return fmt.format(value);
         }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megha-ui/react",
-  "version": "1.2.186",
+  "version": "1.2.188",
   "description": "A collection of reusable UI components for React applications, built with TypeScript.",
   "main": "./dist/index.js",
   "module": "./dist/index.js",