@megha-ui/react 1.2.216 → 1.2.218

package/dist/components/grid/index.js

@@ -24,9 +24,9 @@ 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",
-}, defaultSort, noKeyEvents = true, customOperation, hasCustomOperation, globalSearch, headerDropdownIndex, draggable = false, resizable = false, updateGridData, widthUnits, checkboxWrapper, ignoreHugContent = false, setRendered, isSummarise = true, fullScreenAvailable = true, defaultGroupOpen, alternateRowColor = true, activeCalculateColor = "#2377BA", calculatetextColor = "#fff", actionsKey = "actions", saveAsNewView = false, handleSaveAsView, saveAsViewIcon, filterData, chipColor = "#ccc", withAscii = false, propSummariseKeys, SummariseIcon, summarizeColor = "black", isExpandable = false, expandedRow, extraRow, selectedCheckBox, setSelectedCheckbox, ignoreRowSelect, setOpenedRows, openedRows, getLoadingState, globalSearchOpen = false, updateFixedFilterValues = (fixedFilterValues) => {
+}, defaultSort, noKeyEvents = true, customOperation, hasCustomOperation, globalSearch, headerDropdownIndex, draggable = false, resizable = false, updateGridData, widthUnits, checkboxWrapper, ignoreHugContent = false, setRendered, isSummarise = true, isHideDups = false, fullScreenAvailable = true, defaultGroupOpen, alternateRowColor = true, activeCalculateColor = "#2377BA", calculatetextColor = "#fff", actionsKey = "actions", saveAsNewView = false, handleSaveAsView, saveAsViewIcon, filterData, chipColor = "#ccc", withAscii = false, propSummariseKeys, SummariseIcon, summarizeColor = "black", isExpandable = false, expandedRow, extraRow, selectedCheckBox, setSelectedCheckbox, ignoreRowSelect, setOpenedRows, openedRows, getLoadingState, globalSearchOpen = false, updateFixedFilterValues = (fixedFilterValues) => {
     console.log("Update fixed filter values not implemented", fixedFilterValues);
-}, locale, formatOptions, exportOptions }) => {
+}, locale, formatOptions, exportOptions, }) => {
     var _a, _b, _c, _d;
     const [searchQueries, setSearchQueries] = useState({});
     const [chips, setChips] = useState([]);
@@ -63,7 +63,6 @@ const Grid = ({ columns, wrapperClass, updateGridColumns, data, height, sortable
     const [summariseAvailable, setSummariseAvailable] = useState(false);
     const [groupedKeys, setGroupedKeys] = useState([]);
     // const [changed, setChanged] = useState<string[]>([]);
-    const prevData = useRef(data);
     const [isFullScreen, setIsFullScreen] = useState(false);
     const [fullScreen, setFullScreen] = useState(false);
     const [hideDuplicates, setHideDuplicates] = useState(false);
@@ -79,6 +78,9 @@ const Grid = ({ columns, wrapperClass, updateGridColumns, data, height, sortable
     useEffect(() => {
         setSummariseAvailable(isSummarise);
     }, [isSummarise]);
+    useEffect(() => {
+        setHideDuplicates(isHideDups);
+    }, [isHideDups]);
     useEffect(() => {
         setFullScreen(fullScreenAvailable);
     }, [fullScreenAvailable]);
@@ -1271,7 +1273,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 }) })), _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 ||
+                                        }, 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 }) })), isHideDups && (_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/components/grid/types/grid.d.ts

@@ -125,6 +125,7 @@ export interface OjasGridProps {
         columnWidths: any;
     }) => void;
     isSummarise?: boolean;
+    isHideDups?: boolean;
     defaultGroupOpen?: boolean;
     alternateRowColor?: boolean;
     activeCalculateColor?: string;

package/dist/components/loader/index.js

@@ -27,7 +27,7 @@ const shimmer = keyframes `
 `;
 const Shimmer = styled.div `
   display: inline-block;
-  width: ${(p) => p.width}px;
+  width: ${(p) => (typeof p.width === "number" ? `${p.width}px` : p.width)};
   height: ${(p) => p.height}px;
   border-radius: ${(p) => p.radius}px;
   background: linear-gradient(
@@ -39,10 +39,13 @@ const Shimmer = styled.div `
   background-size: 400% 100%;
   animation: ${shimmer} 1.2s ease-in-out infinite;
 `;
-const Loader = ({ size = 24, color = "var(--accent, #3498db)", className = "", variant = "spinner", }) => {
+const Loader = ({ size, color = "var(--accent, #3498db)", className = "", variant = "spinner", }) => {
     if (variant === "shimmer") {
-        return (_jsx(Shimmer, { width: size * 4, height: size, radius: size / 2, className: className }));
+        const shimmerHeight = size !== null && size !== void 0 ? size : 16;
+        const shimmerWidth = size ? size * 4 : "100%";
+        return (_jsx(Shimmer, { width: shimmerWidth, height: shimmerHeight, radius: shimmerHeight / 2, className: className }));
     }
-    return _jsx(Spinner, { size: size, color: color, className: className });
+    const spinnerSize = size !== null && size !== void 0 ? size : 24;
+    return _jsx(Spinner, { size: spinnerSize, color: color, className: className });
 };
 export default Loader;

package/package.json

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