@megha-ui/react 1.2.686 → 1.2.687

package/dist/components/grid/index.js

@@ -126,7 +126,7 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
                 acc[item.key] = type;
                 return acc;
             }, {});
-            _columns = _columns.map((col) => {
+            _columns = _columns.filter((_, index) => index >= startHoriIndex && index < endHoriIndex).map((col) => {
                 var _a, _b;
                 let isArrayString = false;
                 if (typeof col.isArrayString !== "undefined") {
@@ -147,7 +147,7 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
             });
         }
         setGridColumns(_columns);
-    }, [columns, data, isMultipleChips]);
+    }, [columns, data, isMultipleChips, endHoriIndex, startHoriIndex]);
     useEffect(() => {
         if (globalSearchOpen) {
             setExpandedGI(true);
@@ -1446,7 +1446,7 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
                     whiteSpace: "nowrap",
                     height: `calc(100% - ${removalHeight})`,
                     position: "relative",
-                }, onScroll: onScroll, ref: gridRef, children: [_jsx(GridHeader, { columns: gridColumns, startHoriIndex: startHoriIndex, endHoriIndex: endHoriIndex, headerRef: headerRef, resizable: resizable, sortable: sortable, search: search, defaultSearchOperation: defaultSearchOperation, showMenu: showMenu, sortQueries: sortQueries, onSort: handleSort, bulkSelect: bulkSelect, cellStyle: cellStyle, widthMode: widthMode, allRowsSelected: allRowsSelected, someRowsSelected: someRowsSelected, toggleSelectAll: () => toggleSelectAll(paginate ? paginatedData : sortedData, allRowsSelected), onSearch: handleSearch, searchQueries: searchQueries, headerBackground: headerBackground, headerTopBorder: headerTopBorder, headerBottomBorder: headerBottomBorder, groupBy: gridGroupBy, setGroupBy: (value) => {
+                }, onScroll: onScroll, ref: gridRef, children: [_jsx(GridHeader, { columns: gridColumns, headerRef: headerRef, resizable: resizable, sortable: sortable, search: search, defaultSearchOperation: defaultSearchOperation, showMenu: showMenu, sortQueries: sortQueries, onSort: handleSort, bulkSelect: bulkSelect, cellStyle: cellStyle, widthMode: widthMode, allRowsSelected: allRowsSelected, someRowsSelected: someRowsSelected, toggleSelectAll: () => toggleSelectAll(paginate ? paginatedData : sortedData, allRowsSelected), onSearch: handleSearch, searchQueries: searchQueries, headerBackground: headerBackground, headerTopBorder: headerTopBorder, headerBottomBorder: headerBottomBorder, groupBy: gridGroupBy, setGroupBy: (value) => {
                             let _gridGroupBy = gridGroupBy;
                             _gridGroupBy = _gridGroupBy.split(",").includes(value)
                                 ? _gridGroupBy

package/dist/components/grid/utils/gridHeader.d.ts

@@ -1,8 +1,6 @@
 import React from "react";
 import { Column, DataRow } from "../types/grid";
 interface GridHeaderProps {
-    startHoriIndex: number;
-    endHoriIndex: number;
     columns: Column[];
     sortable: boolean;
     search?: boolean;

package/dist/components/grid/utils/gridHeader.js

@@ -41,7 +41,7 @@ export const getColumnData = (columnKey, gridData, type) => {
         return 0;
     });
 };
-const GridHeader = ({ startHoriIndex, endHoriIndex, columns, onSearch, searchQueries, sortable, search, resizable = false, defaultSearchOperation, sortQueries, onSort, bulkSelect, allRowsSelected, someRowsSelected, toggleSelectAll, cellStyle, widthMode, rowHeight, headerRef, showMenu, headerBackground, headerTopBorder, headerBottomBorder, groupBy, setGroupBy, updateGridColumns, setGridColumns, headerDropdownIndex, widthUnits, textFilterLabel = "Text Filter", gridData, checkboxWrapper, onFilter, setUniqueSearch, uniqueSearch, hugColumnWidths, menuVisible, setMenuVisible, dropdownVisible, setDropdownVisible, actionsKey = "actions", columnSearchOutside, locale, formatOptions, }) => {
+const GridHeader = ({ columns, onSearch, searchQueries, sortable, search, resizable = false, defaultSearchOperation, sortQueries, onSort, bulkSelect, allRowsSelected, someRowsSelected, toggleSelectAll, cellStyle, widthMode, rowHeight, headerRef, showMenu, headerBackground, headerTopBorder, headerBottomBorder, groupBy, setGroupBy, updateGridColumns, setGridColumns, headerDropdownIndex, widthUnits, textFilterLabel = "Text Filter", gridData, checkboxWrapper, onFilter, setUniqueSearch, uniqueSearch, hugColumnWidths, menuVisible, setMenuVisible, dropdownVisible, setDropdownVisible, actionsKey = "actions", columnSearchOutside, locale, formatOptions, }) => {
     const [menuPosition, setMenuPosition] = useState(null);
     const [searchOpsPosition, setSearchOpsPosition] = useState(null);
     const [headerColumns, setHeaderColumns] = useState([]);
@@ -509,7 +509,7 @@ const GridHeader = ({ startHoriIndex, endHoriIndex, columns, onSearch, searchQue
                 .filter((column) => !groupByKeys.includes(column.key))
                 .map((column, colIndex) => {
                 var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
-                if (!column.hidden && colIndex >= startHoriIndex && colIndex <= endHoriIndex) {
+                if (!column.hidden) {
                     const columnData = getColumnData(column.key, gridData, (_a = column.dataType) !== null && _a !== void 0 ? _a : "string");
                     return (_jsx("div", { className: `${sortable && column.sortable ? "sortable" : ""} ${column.showMenu ? "menu-true" : "menu-false"} column index-${column.key}`, style: Object.assign(Object.assign({}, cellStyle), { position: "relative", padding: "0.5rem", textAlign: "left", whiteSpace: "nowrap", textOverflow: "ellipsis", width: widthMode === "auto"
                                 ? "auto"

package/package.json

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