@megha-ui/react 1.2.687 → 1.2.688

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -34,7 +34,7 @@ import Card from "../card";
34
34
  import { TbAntennaBarsOff, TbCalculator, TbCalculatorFilled, TbCalculatorOff, } from "react-icons/tb";
35
35
  import { TbCopy, TbCopyOff } from "react-icons/tb";
36
36
  import { formatValue } from "../../services/commonService";
37
- 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 = {
37
+ const Grid = ({ columns, wrapperClass, updateGridColumns, data, height, sortable = true, paginate, rowsPerPageOptions = [10, 20, 50, 100], defaultRowsPerPage = 100, defaultColumnsPerView = 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 = {
38
38
  borderLeft: "0.5rem solid #d9d9d9",
39
39
  }, defaultSort, noKeyEvents = true, customOperation, hasCustomOperation, globalSearch, headerDropdownIndex, draggable = false, resizable = false, updateGridData, widthUnits, checkboxWrapper, ignoreHugContent = false, isSummarise = false, isHideDups = false, isMultipleChips = 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) => {
40
40
  console.log("Update fixed filter values not implemented", fixedFilterValues);
@@ -50,7 +50,7 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
50
50
  const [startIndex, _setStartIndex] = useState(0);
51
51
  const [endIndex, setEndIndex] = useState(defaultRowsPerPage);
52
52
  const [startHoriIndex, _setStartHoriIndex] = useState(0);
53
- const [endHoriIndex, setEndHoriIndex] = useState(0);
53
+ const [endHoriIndex, setEndHoriIndex] = useState(defaultColumnsPerView);
54
54
  const [gridGroupBy, setGridGroupBy] = useState("");
55
55
  const [rowIndex, setRowIndex] = useState(-1);
56
56
  const [columnIndex, setColumnIndex] = useState(-1);
@@ -126,7 +126,11 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
126
126
  acc[item.key] = type;
127
127
  return acc;
128
128
  }, {});
129
- _columns = _columns.filter((_, index) => index >= startHoriIndex && index < endHoriIndex).map((col) => {
129
+ _columns = [
130
+ ...(startHoriIndex > 0 && endHoriIndex > 0
131
+ ? _columns.filter((_, index) => index >= startHoriIndex && index <= endHoriIndex)
132
+ : _columns),
133
+ ].map((col) => {
130
134
  var _a, _b;
131
135
  let isArrayString = false;
132
136
  if (typeof col.isArrayString !== "undefined") {
@@ -73,6 +73,7 @@ export interface OjasGridProps {
73
73
  bulkSelect?: boolean;
74
74
  rowsPerPageOptions?: number[];
75
75
  defaultRowsPerPage?: number;
76
+ defaultColumnsPerView?: number;
76
77
  height: string | number;
77
78
  maxHeight?: string | number;
78
79
  width?: string | number;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@megha-ui/react",
3
- "version": "1.2.687",
3
+ "version": "1.2.688",
4
4
  "description": "A collection of reusable UI components for React applications, built with TypeScript.",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",