qbs-react-grid 2.0.6 → 2.0.8

package/es/Table.d.ts

@@ -96,8 +96,6 @@ export interface TableProps<Row, Key> extends Omit<StandardProps, 'onScroll'> {
     virtualized?: boolean;
     /**Theme Change */
     dataTheme?: string;
-    /** Refresh Row */
-    refreshRow?: number;
     /** Tree table, the callback function in the expanded node */
     renderTreeToggle?: (expandButton: React.ReactNode, rowData?: Row, expanded?: boolean) => React.ReactNode;
     tableKey?: string;

package/es/Table.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["affixHeader", "children", "classPrefix", "className", "data", "defaultSortType", "width", "expandedRowKeys", "defaultExpandAllRows", "defaultExpandedRowKeys", "style", "id", "isTree", "hover", "bordered", "cellBordered", "wordWrap", "loading", "locale", "showHeader", "pagination", "paginationProps", "sortColumn", "rowHeight", "sortType", "headerHeight", "minHeight", "height", "autoHeight", "fillHeight", "rtl", "translate3d", "rowKey", "virtualized", "rowClassName", "rowExpandedHeight", "disabledScroll", "affixHorizontalScrollbar", "loadAnimation", "shouldUpdateScroll", "renderRow", "renderRowExpanded", "renderLoading", "renderEmpty", "onSortColumn", "onScroll", "renderTreeToggle", "onRowClick", "onRowContextMenu", "onExpandChange", "onTouchStart", "onTouchMove", "onTouchEnd", "dataTheme", "tableBodyHeight", "columns", "tableBodyRef", "tableKey", "handleInfiniteScroll", "infiniteLoading", "wheelWrapperRef"],
+var _excluded = ["affixHeader", "children", "classPrefix", "className", "data", "defaultSortType", "width", "expandedRowKeys", "defaultExpandAllRows", "defaultExpandedRowKeys", "style", "id", "isTree", "hover", "bordered", "cellBordered", "wordWrap", "loading", "locale", "showHeader", "sortColumn", "rowHeight", "sortType", "headerHeight", "minHeight", "height", "autoHeight", "fillHeight", "rtl", "translate3d", "rowKey", "virtualized", "rowClassName", "rowExpandedHeight", "disabledScroll", "affixHorizontalScrollbar", "loadAnimation", "shouldUpdateScroll", "renderRow", "renderRowExpanded", "renderLoading", "renderEmpty", "onSortColumn", "onScroll", "renderTreeToggle", "onRowClick", "onRowContextMenu", "onExpandChange", "onTouchStart", "onTouchMove", "onTouchEnd", "tableBodyHeight", "columns", "tableBodyRef", "tableKey", "handleInfiniteScroll", "infiniteLoading", "wheelWrapperRef"],
   _excluded2 = ["depth", "rowIndex"],
   _excluded3 = ["cellHeight"];
 import { getTranslateDOMPositionXY } from 'dom-lib/translateDOMPositionXY';
@@ -70,10 +70,6 @@ var Table = /*#__PURE__*/React.forwardRef(function (props, ref) {
     } : _props$locale,
     _props$showHeader = props.showHeader,
     showHeader = _props$showHeader === void 0 ? true : _props$showHeader,
-    _props$pagination = props.pagination,
-    pagination = _props$pagination === void 0 ? true : _props$pagination,
-    _props$paginationProp = props.paginationProps,
-    paginationProps = _props$paginationProp === void 0 ? {} : _props$paginationProp,
     sortColumn = props.sortColumn,
     _props$rowHeight = props.rowHeight,
     rowHeight = _props$rowHeight === void 0 ? ROW_HEIGHT : _props$rowHeight,
@@ -111,7 +107,6 @@ var Table = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onTouchStart = props.onTouchStart,
     onTouchMove = props.onTouchMove,
     onTouchEnd = props.onTouchEnd,
-    dataTheme = props.dataTheme,
     tableBodyHeight = props.tableBodyHeight,
     columns = props.columns,
     tableBodyRef = props.tableBodyRef,
@@ -620,7 +615,7 @@ var Table = /*#__PURE__*/React.forwardRef(function (props, ref) {
         },
         length: tableWidth.current,
         onScroll: function onScroll(delta) {
-          onScrollHorizontal(delta), console.log('onScrollHorizontal', delta);
+          onScrollHorizontal(delta);
         },
         scrollLength: contentWidth.current,
         ref: scrollbarXRef

package/es/qbsTable/QbsTable.js

@@ -99,7 +99,7 @@ var QbsTable = function QbsTable(_ref) {
     _ref$tableView = _ref.tableView,
     tableView = _ref$tableView === void 0 ? true : _ref$tableView,
     _ref$enableTableToggl = _ref.enableTableToggle,
-    enableTableToggle = _ref$enableTableToggl === void 0 ? true : _ref$enableTableToggl,
+    enableTableToggle = _ref$enableTableToggl === void 0 ? false : _ref$enableTableToggl,
     _ref$cardColumLimit = _ref.cardColumLimit,
     cardColumLimit = _ref$cardColumLimit === void 0 ? 5 : _ref$cardColumLimit,
     _ref$childDetailHeadi = _ref.childDetailHeading,
@@ -254,7 +254,6 @@ var QbsTable = function QbsTable(_ref) {
 
   // useEffect(() => {
   // }, [columns]);
-  console.log(viewMode);
   var handleClear = function handleClear(_ref2) {
     setCheckedKeys([]);
     handleChecked([]);
@@ -318,7 +317,6 @@ var QbsTable = function QbsTable(_ref) {
     };
   }, [themeToggle]);
   var handleExpanded = useCallback(function (rowData) {
-    console.log(rowData);
     var keyValue = dataRowKey;
     var key = rowData[keyValue];
     var nextExpandedRowKeys = new Set(expandedRowKeys);
@@ -603,7 +601,6 @@ var QbsTable = function QbsTable(_ref) {
     key: tableKey + REFRESH_KEY,
     tableKey: tableKey,
     data: data,
-    refreshRow: REFRESH_KEY,
     tableBodyRef: tableBodyRef,
     dataTheme: dataTheme,
     wordWrap: wordWrap,

package/es/qbsTable/TableCardList.js

@@ -261,7 +261,6 @@ var QbsTable = function QbsTable(_ref) {
     };
   }, [themeToggle]);
   var handleExpanded = useCallback(function (rowData) {
-    console.log(rowData);
     var keyValue = dataRowKey;
     var key = rowData[keyValue];
     var nextExpandedRowKeys = new Set(expandedRowKeys);

package/es/qbsTable/utilities/CardMenuDropdown.js

@@ -1,5 +1,4 @@
-import { useEffect, useRef, useState } from 'react';
-import React from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import { ThreeDotIcon } from './icons';
 import TooltipComponent from './ToolTip';
 var CardMenuDropdown = function CardMenuDropdown(_ref) {
@@ -32,7 +31,6 @@ var CardMenuDropdown = function CardMenuDropdown(_ref) {
         var dropdownHeight = 200; // Adjust this if your dropdown height varies
         var spaceBelow = window.innerHeight - buttonRect.bottom;
         var spaceAbove = buttonRect.top;
-        console.log(spaceAbove, spaceBelow, dropdownHeight);
         if (spaceBelow < dropdownHeight && spaceAbove > spaceBelow) {
           setMenuPositionStyles({
             bottom: '30px',

package/es/utils/useScrollListener.js

@@ -131,7 +131,6 @@ var useScrollListener = function useScrollListener(props) {
     var x = Math.min(0, nextScrollX < minScrollX.current ? minScrollX.current : nextScrollX);
     setScrollX(x);
     setScrollY(y);
-    console.log(scrollY.current, contentHeight.current, nextScrollY, minScrollY.current, 'scrolllistner');
     if (typeof handleInfiniteScroll === 'function' && deltaY !== 0 && !loading && Math.abs(y) + getTableHeight() >= contentHeight.current - 12) {
       handleInfiniteScroll(scrollY.current);
     }
@@ -245,7 +244,6 @@ var useScrollListener = function useScrollListener(props) {
     if (!isTouching.current) {
       return;
     }
-    console.log('handleTouchEnd');
     isTouching.current = false;
     var touchDuration = new Date().getTime() - momentumStartTime.current;
     var absDeltaY = Math.abs(scrollY.current - momentumStartY.current);

package/lib/Table.d.ts

@@ -96,8 +96,6 @@ export interface TableProps<Row, Key> extends Omit<StandardProps, 'onScroll'> {
     virtualized?: boolean;
     /**Theme Change */
     dataTheme?: string;
-    /** Refresh Row */
-    refreshRow?: number;
     /** Tree table, the callback function in the expanded node */
     renderTreeToggle?: (expandButton: React.ReactNode, rowData?: Row, expanded?: boolean) => React.ReactNode;
     tableKey?: string;

package/lib/Table.js

@@ -20,7 +20,7 @@ var _Row = _interopRequireDefault(require("./Row"));
 var _Scrollbar = _interopRequireDefault(require("./Scrollbar"));
 var _TableContext = _interopRequireDefault(require("./TableContext"));
 var _utils = require("./utils");
-var _excluded = ["affixHeader", "children", "classPrefix", "className", "data", "defaultSortType", "width", "expandedRowKeys", "defaultExpandAllRows", "defaultExpandedRowKeys", "style", "id", "isTree", "hover", "bordered", "cellBordered", "wordWrap", "loading", "locale", "showHeader", "pagination", "paginationProps", "sortColumn", "rowHeight", "sortType", "headerHeight", "minHeight", "height", "autoHeight", "fillHeight", "rtl", "translate3d", "rowKey", "virtualized", "rowClassName", "rowExpandedHeight", "disabledScroll", "affixHorizontalScrollbar", "loadAnimation", "shouldUpdateScroll", "renderRow", "renderRowExpanded", "renderLoading", "renderEmpty", "onSortColumn", "onScroll", "renderTreeToggle", "onRowClick", "onRowContextMenu", "onExpandChange", "onTouchStart", "onTouchMove", "onTouchEnd", "dataTheme", "tableBodyHeight", "columns", "tableBodyRef", "tableKey", "handleInfiniteScroll", "infiniteLoading", "wheelWrapperRef"],
+var _excluded = ["affixHeader", "children", "classPrefix", "className", "data", "defaultSortType", "width", "expandedRowKeys", "defaultExpandAllRows", "defaultExpandedRowKeys", "style", "id", "isTree", "hover", "bordered", "cellBordered", "wordWrap", "loading", "locale", "showHeader", "sortColumn", "rowHeight", "sortType", "headerHeight", "minHeight", "height", "autoHeight", "fillHeight", "rtl", "translate3d", "rowKey", "virtualized", "rowClassName", "rowExpandedHeight", "disabledScroll", "affixHorizontalScrollbar", "loadAnimation", "shouldUpdateScroll", "renderRow", "renderRowExpanded", "renderLoading", "renderEmpty", "onSortColumn", "onScroll", "renderTreeToggle", "onRowClick", "onRowContextMenu", "onExpandChange", "onTouchStart", "onTouchMove", "onTouchEnd", "tableBodyHeight", "columns", "tableBodyRef", "tableKey", "handleInfiniteScroll", "infiniteLoading", "wheelWrapperRef"],
   _excluded2 = ["depth", "rowIndex"],
   _excluded3 = ["cellHeight"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -77,10 +77,6 @@ var Table = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
     } : _props$locale,
     _props$showHeader = props.showHeader,
     showHeader = _props$showHeader === void 0 ? true : _props$showHeader,
-    _props$pagination = props.pagination,
-    pagination = _props$pagination === void 0 ? true : _props$pagination,
-    _props$paginationProp = props.paginationProps,
-    paginationProps = _props$paginationProp === void 0 ? {} : _props$paginationProp,
     sortColumn = props.sortColumn,
     _props$rowHeight = props.rowHeight,
     rowHeight = _props$rowHeight === void 0 ? _constants.ROW_HEIGHT : _props$rowHeight,
@@ -118,7 +114,6 @@ var Table = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
     onTouchStart = props.onTouchStart,
     onTouchMove = props.onTouchMove,
     onTouchEnd = props.onTouchEnd,
-    dataTheme = props.dataTheme,
     tableBodyHeight = props.tableBodyHeight,
     columns = props.columns,
     tableBodyRef = props.tableBodyRef,
@@ -627,7 +622,7 @@ var Table = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
         },
         length: tableWidth.current,
         onScroll: function onScroll(delta) {
-          onScrollHorizontal(delta), console.log('onScrollHorizontal', delta);
+          onScrollHorizontal(delta);
         },
         scrollLength: contentWidth.current,
         ref: scrollbarXRef

package/lib/qbsTable/QbsTable.js

@@ -105,7 +105,7 @@ var QbsTable = function QbsTable(_ref) {
     _ref$tableView = _ref.tableView,
     tableView = _ref$tableView === void 0 ? true : _ref$tableView,
     _ref$enableTableToggl = _ref.enableTableToggle,
-    enableTableToggle = _ref$enableTableToggl === void 0 ? true : _ref$enableTableToggl,
+    enableTableToggle = _ref$enableTableToggl === void 0 ? false : _ref$enableTableToggl,
     _ref$cardColumLimit = _ref.cardColumLimit,
     cardColumLimit = _ref$cardColumLimit === void 0 ? 5 : _ref$cardColumLimit,
     _ref$childDetailHeadi = _ref.childDetailHeading,
@@ -260,7 +260,6 @@ var QbsTable = function QbsTable(_ref) {
 
   // useEffect(() => {
   // }, [columns]);
-  console.log(viewMode);
   var handleClear = function handleClear(_ref2) {
     setCheckedKeys([]);
     handleChecked([]);
@@ -324,7 +323,6 @@ var QbsTable = function QbsTable(_ref) {
     };
   }, [themeToggle]);
   var handleExpanded = (0, _react.useCallback)(function (rowData) {
-    console.log(rowData);
     var keyValue = dataRowKey;
     var key = rowData[keyValue];
     var nextExpandedRowKeys = new Set(expandedRowKeys);
@@ -609,7 +607,6 @@ var QbsTable = function QbsTable(_ref) {
     key: tableKey + REFRESH_KEY,
     tableKey: tableKey,
     data: data,
-    refreshRow: REFRESH_KEY,
     tableBodyRef: tableBodyRef,
     dataTheme: dataTheme,
     wordWrap: wordWrap,

package/lib/qbsTable/TableCardList.js

@@ -267,7 +267,6 @@ var QbsTable = function QbsTable(_ref) {
     };
   }, [themeToggle]);
   var handleExpanded = (0, _react.useCallback)(function (rowData) {
-    console.log(rowData);
     var keyValue = dataRowKey;
     var key = rowData[keyValue];
     var nextExpandedRowKeys = new Set(expandedRowKeys);

package/lib/qbsTable/utilities/CardMenuDropdown.js

@@ -38,7 +38,6 @@ var CardMenuDropdown = function CardMenuDropdown(_ref) {
         var dropdownHeight = 200; // Adjust this if your dropdown height varies
         var spaceBelow = window.innerHeight - buttonRect.bottom;
         var spaceAbove = buttonRect.top;
-        console.log(spaceAbove, spaceBelow, dropdownHeight);
         if (spaceBelow < dropdownHeight && spaceAbove > spaceBelow) {
           setMenuPositionStyles({
             bottom: '30px',

package/lib/utils/useScrollListener.js

@@ -135,7 +135,6 @@ var useScrollListener = function useScrollListener(props) {
     var x = Math.min(0, nextScrollX < minScrollX.current ? minScrollX.current : nextScrollX);
     setScrollX(x);
     setScrollY(y);
-    console.log(scrollY.current, contentHeight.current, nextScrollY, minScrollY.current, 'scrolllistner');
     if (typeof handleInfiniteScroll === 'function' && deltaY !== 0 && !loading && Math.abs(y) + getTableHeight() >= contentHeight.current - 12) {
       handleInfiniteScroll(scrollY.current);
     }
@@ -249,7 +248,6 @@ var useScrollListener = function useScrollListener(props) {
     if (!isTouching.current) {
       return;
     }
-    console.log('handleTouchEnd');
     isTouching.current = false;
     var touchDuration = new Date().getTime() - momentumStartTime.current;
     var absDeltaY = Math.abs(scrollY.current - momentumStartY.current);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qbs-react-grid",
-  "version": "2.0.6",
+  "version": "2.0.8",
   "description": "A React table component",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",

package/src/Table.tsx

@@ -216,8 +216,7 @@ export interface TableProps<Row, Key> extends Omit<StandardProps, 'onScroll'> {
 
   /**Theme Change */
   dataTheme?: string;
-  /** Refresh Row */
-  refreshRow?: number;
+
   /** Tree table, the callback function in the expanded node */
   renderTreeToggle?: (
     expandButton: React.ReactNode,
@@ -307,8 +306,7 @@ const Table = React.forwardRef(<Row extends RowDataType, Key>(props: TableProps<
       loading: 'Loading...'
     },
     showHeader = true,
-    pagination = true,
-    paginationProps = {},
+
     sortColumn,
     rowHeight = ROW_HEIGHT,
     sortType: sortTypeProp,
@@ -340,7 +338,6 @@ const Table = React.forwardRef(<Row extends RowDataType, Key>(props: TableProps<
     onTouchStart,
     onTouchMove,
     onTouchEnd,
-    dataTheme,
     tableBodyHeight,
     columns,
     tableBodyRef,
@@ -961,7 +958,7 @@ const Table = React.forwardRef(<Row extends RowDataType, Key>(props: TableProps<
           style={{ width: tableWidth.current }}
           length={tableWidth.current}
           onScroll={delta => {
-            onScrollHorizontal(delta), console.log('onScrollHorizontal', delta);
+            onScrollHorizontal(delta);
           }}
           scrollLength={contentWidth.current}
           ref={scrollbarXRef}

package/src/qbsTable/QbsTable.tsx

@@ -87,7 +87,7 @@ const QbsTable: React.FC<QbsTableProps> = ({
   emptySubTitle,
   emptyTitle,
   tableView = true,
-  enableTableToggle = true,
+  enableTableToggle = false,
   cardColumLimit = 5,
   childDetailHeading = '',
   isCustomTableCardView = false,
@@ -234,7 +234,6 @@ const QbsTable: React.FC<QbsTableProps> = ({
 
   // useEffect(() => {
   // }, [columns]);
-  console.log(viewMode);
   const handleClear = ([]) => {
     setCheckedKeys([]);
     handleChecked([]);
@@ -302,7 +301,6 @@ const QbsTable: React.FC<QbsTableProps> = ({
 
   const handleExpanded = useCallback(
     (rowData: any) => {
-      console.log(rowData);
       const keyValue = dataRowKey as string;
       const key = rowData[keyValue];
 
@@ -616,7 +614,6 @@ const QbsTable: React.FC<QbsTableProps> = ({
             key={tableKey + REFRESH_KEY}
             tableKey={tableKey}
             data={data}
-            refreshRow={REFRESH_KEY}
             tableBodyRef={tableBodyRef as React.RefObject<HTMLDivElement>}
             dataTheme={dataTheme}
             wordWrap={wordWrap}

package/src/qbsTable/TableCardList.tsx

@@ -260,7 +260,6 @@ const QbsTable: React.FC<QbsTableProps> = ({
 
   const handleExpanded = useCallback(
     (rowData: any) => {
-      console.log(rowData);
       const keyValue = dataRowKey as string;
       const key = rowData[keyValue];
 

package/src/qbsTable/utilities/CardMenuDropdown.tsx

@@ -1,6 +1,4 @@
-import { useEffect, useRef, useState } from 'react';
-import React from 'react';
-
+import React, { useEffect, useRef, useState } from 'react';
 import { ActionProps } from '../commontypes';
 import { ThreeDotIcon } from './icons';
 import TooltipComponent from './ToolTip';
@@ -46,7 +44,6 @@ const CardMenuDropdown: React.FC<Props> = ({ actionDropDown, handleMenuActions,
         const dropdownHeight = 200; // Adjust this if your dropdown height varies
         const spaceBelow = window.innerHeight - buttonRect.bottom;
         const spaceAbove = buttonRect.top;
-        console.log(spaceAbove, spaceBelow, dropdownHeight);
         if (spaceBelow < dropdownHeight && spaceAbove > spaceBelow) {
           setMenuPositionStyles({
             bottom: '30px',

package/src/utils/useScrollListener.ts

@@ -189,13 +189,7 @@ const useScrollListener = (props: ScrollListenerProps) => {
 
       setScrollX(x);
       setScrollY(y);
-      console.log(
-        scrollY.current,
-        contentHeight.current,
-        nextScrollY,
-        minScrollY.current,
-        'scrolllistner'
-      );
+
       if (
         typeof handleInfiniteScroll === 'function' &&
         deltaY !== 0 &&
@@ -355,7 +349,6 @@ const useScrollListener = (props: ScrollListenerProps) => {
       if (!isTouching.current) {
         return;
       }
-      console.log('handleTouchEnd');
       isTouching.current = false;
       const touchDuration = new Date().getTime() - momentumStartTime.current;
       const absDeltaY = Math.abs(scrollY.current - momentumStartY.current);