qbs-react-grid 2.2.4 → 2.2.6

package/lib/qbsTable/QbsTable.js

@@ -11,9 +11,7 @@ var _ColumnGroup = _interopRequireDefault(require("../ColumnGroup"));
 var _HeaderCell = _interopRequireDefault(require("../HeaderCell"));
 var _Pagination = _interopRequireDefault(require("../Pagination"));
 var _Table = _interopRequireDefault(require("../Table"));
-var _isRTL = _interopRequireDefault(require("../utils/isRTL"));
 var _useResponsiveStore = _interopRequireDefault(require("../utils/useResponsiveStore"));
-var _labels = require("./labels");
 var _CustomTableCell = require("./CustomTableCell");
 var _Toolbar = _interopRequireDefault(require("./Toolbar"));
 var _CardComponent = _interopRequireDefault(require("./utilities/CardComponent"));
@@ -30,7 +28,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 var CHECKBOX_LINE_HEIGHT = '36px';
 var COLUMN_WIDTH = 250;
-var REFRESH_KEY = 0;
 var QbsTable = function QbsTable(_ref) {
   var _Object$keys;
   var handleColumnSort = _ref.handleColumnSort,
@@ -61,7 +58,7 @@ var QbsTable = function QbsTable(_ref) {
     _ref$height = _ref.height,
     height = _ref$height === void 0 ? 630 : _ref$height,
     onExpandChange = _ref.onExpandChange,
-    propsWordWrap = _ref.wordWrap,
+    wordWrap = _ref.wordWrap,
     _ref$dataRowKey = _ref.dataRowKey,
     dataRowKey = _ref$dataRowKey === void 0 ? 'id' : _ref$dataRowKey,
     defaultExpandAllRows = _ref.defaultExpandAllRows,
@@ -73,7 +70,6 @@ var QbsTable = function QbsTable(_ref) {
     _ref$actionProps = _ref.actionProps,
     actionProps = _ref$actionProps === void 0 ? [] : _ref$actionProps,
     theme = _ref.theme,
-    rtlProp = _ref.rtl,
     handleMenuActions = _ref.handleMenuActions,
     onRowClick = _ref.onRowClick,
     expandedRowKeys = _ref.expandedRowKeys,
@@ -117,30 +113,7 @@ var QbsTable = function QbsTable(_ref) {
     isCustomTableCardView = _ref$isCustomTableCar === void 0 ? false : _ref$isCustomTableCar,
     handleTableCardView = _ref.handleTableCardView,
     handleCustomCardLoader = _ref.handleCustomCardLoader,
-    hasMoreData = _ref.hasMoreData,
-    loadMoreData = _ref.loadMoreData,
-    infiniteLoading = _ref.infiniteLoading,
-    _ref$infiniteScroll = _ref.infiniteScroll,
-    infiniteScroll = _ref$infiniteScroll === void 0 ? false : _ref$infiniteScroll,
-    propsViewMode = _ref.viewMode,
-    _ref$rowViewToggle = _ref.rowViewToggle,
-    rowViewToggle = _ref$rowViewToggle === void 0 ? false : _ref$rowViewToggle,
-    _ref$defaultRowView = _ref.defaultRowView,
-    defaultRowView = _ref$defaultRowView === void 0 ? true : _ref$defaultRowView,
-    _ref$fullWidthView = _ref.fullWidthView,
-    fullWidthView = _ref$fullWidthView === void 0 ? false : _ref$fullWidthView,
-    setTableFullView = _ref.setTableFullView,
-    setRowViewToggle = _ref.setRowViewToggle,
-    _ref$dropType = _ref.dropType,
-    dropType = _ref$dropType === void 0 ? 'horizondal' : _ref$dropType,
-    rowHeight = _ref.rowHeight,
-    isFullScreen = _ref.isFullScreen,
-    _ref$showHeader = _ref.showHeader,
-    showHeader = _ref$showHeader === void 0 ? true : _ref$showHeader,
-    labelsProp = _ref.labels;
-  var labels = (0, _react.useMemo)(function () {
-    return (0, _labels.mergeLabels)(labelsProp);
-  }, [labelsProp]);
+    dropType = _ref.dropType;
   var _useState = (0, _react.useState)(false),
     loading = _useState[0],
     setLoading = _useState[1];
@@ -151,10 +124,9 @@ var QbsTable = function QbsTable(_ref) {
     checkedKeys = _useState3[0],
     setCheckedKeys = _useState3[1];
   var dataTheme = (0, _react.useMemo)(function () {
-    var _ref2;
-    return (_ref2 = theme != null ? theme : typeof localStorage !== 'undefined' ? localStorage.getItem('theme') : null) != null ? _ref2 : 'light';
+    var _localStorage$getItem;
+    return (_localStorage$getItem = localStorage.getItem('theme')) != null ? _localStorage$getItem : theme;
   }, [theme]);
-  var rtl = rtlProp != null ? rtlProp : (0, _isRTL["default"])();
   var _useState4 = (0, _react.useState)(false),
     isOpen = _useState4[0],
     setIsOpen = _useState4[1];
@@ -164,13 +136,6 @@ var QbsTable = function QbsTable(_ref) {
     setTableViewToggle = _useState5[1];
   var isMobile = (0, _useResponsiveStore["default"])();
   var tableBodyRef = (0, _react.useRef)(null);
-  var wheelWrapperRef = (0, _react.useRef)(null);
-  var _useState6 = (0, _react.useState)(propsViewMode != null ? propsViewMode : 'expanded'),
-    viewMode = _useState6[0],
-    setViewMode = _useState6[1];
-  var _useState7 = (0, _react.useState)(propsWordWrap != null ? propsWordWrap : false),
-    wordWrap = _useState7[0],
-    setWordWrap = _useState7[1];
   var handleSortColumn = (0, _react.useCallback)(function (sortColumn, sortType) {
     setLoading(true);
     setTimeout(function () {
@@ -210,6 +175,12 @@ var QbsTable = function QbsTable(_ref) {
       handleChecked(updatedKeys);
     }
   }, [checkedKeys]);
+  var rowKeyField = dataRowKey != null ? dataRowKey : 'id';
+  var getRowClassName = (0, _react.useCallback)(function (rowData) {
+    if (!selection) return '';
+    var key = rowData === null || rowData === void 0 ? void 0 : rowData[rowKeyField];
+    return key !== undefined && checkedKeys !== null && checkedKeys !== void 0 && checkedKeys.includes(key) ? 'qbs-table-row-checked' : '';
+  }, [selection, checkedKeys, rowKeyField]);
   var handleToggle = (0, _react.useCallback)(function (columnName) {
     var lastVisibleColumn = null;
     var visibleCount = 0;
@@ -240,7 +211,6 @@ var QbsTable = function QbsTable(_ref) {
   }, [columns]);
   var handleColumnWidth = (0, _react.useCallback)(function (newWidth, dataKey) {
     if (newWidth === undefined || dataKey === undefined) return;
-    REFRESH_KEY = REFRESH_KEY + 1;
     setColumns(function (prevColumns) {
       return prevColumns.map(function (column) {
         return column.field === dataKey ? (0, _extends2["default"])({}, column, {
@@ -260,21 +230,14 @@ var QbsTable = function QbsTable(_ref) {
       });
     }
   }, [wordWrap]);
-  (0, _react.useEffect)(function () {
-    if (!defaultRowView) {
-      setWordWrap('break-word');
-    } else {
-      setWordWrap(false);
-    }
-    REFRESH_KEY = REFRESH_KEY + 1;
-  }, [defaultRowView]);
   var onReorder = (0, _react.useCallback)(function (columns) {
     setColumns(columns);
   }, []);
 
   // useEffect(() => {
   // }, [columns]);
-  var handleClear = function handleClear(_ref3) {
+
+  var handleClear = function handleClear(_ref2) {
     setCheckedKeys([]);
     handleChecked([]);
   };
@@ -303,25 +266,12 @@ var QbsTable = function QbsTable(_ref) {
     searchPlaceholder: searchPlaceholder,
     setTableViewToggle: setTableViewToggle,
     tableViewToggle: tableViewToggle,
-    enableTableToggle: enableTableToggle,
-    rowViewToggle: rowViewToggle,
-    defaultRowView: defaultRowView,
-    fullWidthView: fullWidthView,
-    setTableFullView: setTableFullView,
-    setRowViewToggle: setRowViewToggle,
-    isFullScreen: isFullScreen,
-    labels: labels
+    enableTableToggle: enableTableToggle
   };
-  (0, _react.useEffect)(function () {
-    if (!dataTheme || typeof document === 'undefined') return;
-    document.body.setAttribute('data-theme', dataTheme === 'dark' ? 'dark' : 'light');
-    document.documentElement.dataset.theme = dataTheme;
-  }, [dataTheme]);
   var themeToggle = (0, _react.useMemo)(function () {
-    return typeof document !== 'undefined' ? document.getElementById('themeToggle') : null;
+    return document.getElementById('themeToggle');
   }, []);
   (0, _react.useEffect)(function () {
-    if (theme || typeof document === 'undefined') return;
     var handleThemeToggle = function handleThemeToggle() {
       if (themeToggle !== null && themeToggle !== void 0 && themeToggle.checked) {
         document.body.setAttribute('data-theme', 'dark');
@@ -343,8 +293,9 @@ var QbsTable = function QbsTable(_ref) {
       themeToggle === null || themeToggle === void 0 ? void 0 : themeToggle.removeEventListener('change', handleThemeToggle);
       document.removeEventListener('DOMContentLoaded', handleDOMContentLoaded);
     };
-  }, [theme, themeToggle]);
+  }, [themeToggle]);
   var handleExpanded = (0, _react.useCallback)(function (rowData) {
+    console.log(rowData);
     var keyValue = dataRowKey;
     var key = rowData[keyValue];
     var nextExpandedRowKeys = new Set(expandedRowKeys);
@@ -519,26 +470,26 @@ var QbsTable = function QbsTable(_ref) {
   //   [columns, dataTheme]
   // );
   var columnsRendered = (0, _react.useMemo)(function () {
-    return (columns != null ? columns : []).map(function (_ref4) {
-      var title = _ref4.title,
-        field = _ref4.field,
-        resizable = _ref4.resizable,
-        sortable = _ref4.sortable,
-        colWidth = _ref4.colWidth,
-        align = _ref4.align,
-        grouped = _ref4.grouped,
-        groupHeader = _ref4.groupHeader,
-        fixed = _ref4.fixed,
-        children = _ref4.children,
-        customCell = _ref4.customCell,
-        renderCell = _ref4.renderCell,
-        isVisible = _ref4.isVisible,
-        link = _ref4.link,
-        getPath = _ref4.getPath,
-        rowClick = _ref4.rowClick,
-        sortKey = _ref4.sortKey,
-        type = _ref4.type,
-        hideLink = _ref4.hideLink;
+    return (columns != null ? columns : []).map(function (_ref3) {
+      var title = _ref3.title,
+        field = _ref3.field,
+        resizable = _ref3.resizable,
+        sortable = _ref3.sortable,
+        colWidth = _ref3.colWidth,
+        align = _ref3.align,
+        grouped = _ref3.grouped,
+        groupHeader = _ref3.groupHeader,
+        fixed = _ref3.fixed,
+        children = _ref3.children,
+        customCell = _ref3.customCell,
+        renderCell = _ref3.renderCell,
+        isVisible = _ref3.isVisible,
+        link = _ref3.link,
+        getPath = _ref3.getPath,
+        rowClick = _ref3.rowClick,
+        sortKey = _ref3.sortKey,
+        type = _ref3.type,
+        hideLink = _ref3.hideLink;
       return isVisible ? grouped ? /*#__PURE__*/_react["default"].createElement(_ColumnGroup["default"], {
         header: groupHeader,
         fixed: fixed,
@@ -606,51 +557,33 @@ var QbsTable = function QbsTable(_ref) {
   },
   // ✅ Fix: Type assertion to ReactElement[]
   [columns, dataTheme]);
-  var handleInfiniteScroll = function handleInfiniteScroll(scroll) {
-    if (!infiniteScroll) return;
-    var wrapper = wheelWrapperRef.current;
-    if (!wrapper || !hasMoreData || infiniteLoading) return;
-    var scrollTop = wrapper.scrollTop,
-      clientHeight = wrapper.clientHeight;
-    var scrollHeight = Math.abs(scroll) + (height - headerHeight);
-    // Trigger fetch when user scrolls within 100px of bottom
-    if (scrollTop + clientHeight >= scrollHeight - 70) {
-      loadMoreData === null || loadMoreData === void 0 ? void 0 : loadMoreData(); // fetch next page here
-    }
-  };
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "qbs-table " + classes.tableContainerClass,
-    "data-theme": dataTheme,
-    dir: rtl ? 'rtl' : 'ltr'
+    "data-theme": dataTheme
   }, toolbar && /*#__PURE__*/_react["default"].createElement(_Toolbar["default"], toolbarProps), /*#__PURE__*/_react["default"].createElement("div", {
     className: "qbs-table-border-wrap"
   }, tableViewToggle ? /*#__PURE__*/_react["default"].createElement(_Table["default"], {
     height: autoHeight ? undefined : height,
-    key: tableKey + REFRESH_KEY,
+    key: tableKey,
     tableKey: tableKey,
     data: data,
-    rtl: rtl,
     tableBodyRef: tableBodyRef,
     dataTheme: dataTheme,
     wordWrap: wordWrap,
-    wheelWrapperRef: wheelWrapperRef,
-    rowHeight: rowHeight,
     autoHeight: autoHeight,
-    handleInfiniteScroll: handleInfiniteScroll,
     sortColumn: sortColumn,
     style: {
       position: 'relative'
     },
     sortType: sortType,
     onSortColumn: handleSortColumn,
-    infiniteLoading: infiniteLoading,
     onRowClick: onRowClick,
     tableBodyHeight: tableBodyHeight,
     cellBordered: cellBordered,
     bordered: bordered,
     renderEmpty: function renderEmpty(info) {
       return _renderEmpty ? _renderEmpty(info) : /*#__PURE__*/_react["default"].createElement(_empty["default"], {
-        title: emptyTitle != null ? emptyTitle : labels.noDataFound,
+        title: emptyTitle != null ? emptyTitle : 'No Data Found',
         subtitle: emptySubTitle
       });
     },
@@ -659,11 +592,12 @@ var QbsTable = function QbsTable(_ref) {
     headerHeight: headerHeight,
     rowExpandedHeight: rowExpandedHeight,
     loading: isLoading != null ? isLoading : loading,
-    showHeader: showHeader,
+    showHeader: true,
     defaultChecked: true,
     expandedRowKeys: expandedRowKeys,
     onExpandChange: onExpandChange,
     rowKey: dataRowKey != null ? dataRowKey : 'id',
+    rowClassName: selection ? getRowClassName : undefined,
     defaultExpandAllRows: defaultExpandAllRows,
     shouldUpdateScroll: shouldUpdateScroll,
     renderRowExpanded: function renderRowExpanded(rowData) {
@@ -752,12 +686,9 @@ var QbsTable = function QbsTable(_ref) {
     onReorder: onReorder,
     isOpen: isOpen,
     tableHeight: height,
-    viewMode: viewMode,
-    setViewMode: setViewMode,
     setIsOpen: setIsOpen,
     handleResetColumns: handleResetColumns,
-    handleColumnToggle: handleColumnToggle,
-    labels: labels
+    handleColumnToggle: handleColumnToggle
   })), /*#__PURE__*/_react["default"].createElement(_Cell["default"], null)), actionProps && (actionProps === null || actionProps === void 0 ? void 0 : actionProps.length) > 0 && /*#__PURE__*/_react["default"].createElement(_Column["default"], {
     width: 40,
     fixed: "right"
@@ -771,21 +702,17 @@ var QbsTable = function QbsTable(_ref) {
     onToggle: handleToggle,
     tableHeight: height,
     onReorder: onReorder,
-    viewMode: viewMode,
-    setViewMode: setViewMode,
     isOpen: isOpen,
     setIsOpen: setIsOpen,
     handleResetColumns: handleResetColumns,
-    handleColumnToggle: handleColumnToggle,
-    labels: labels
+    handleColumnToggle: handleColumnToggle
   })), /*#__PURE__*/_react["default"].createElement(_CustomTableCell.ActionCell, {
     tableBodyRef: tableBodyRef,
-    dropType: dropType,
-    wheelWrapperRef: wheelWrapperRef,
     actionProps: actionProps,
     className: classes.cellClass + " " + classes.actionCellClass,
     handleMenuActions: handleMenuActions,
-    dataTheme: dataTheme
+    dataTheme: dataTheme,
+    dropType: dropType
   }))) : /*#__PURE__*/_react["default"].createElement("div", {
     className: isCustomTableCardView && ((data === null || data === void 0 ? void 0 : data.length) === 0 || !data) && !isLoading ? 'qbs-card-empty-wrapper' : isCustomTableCardView ? 'qbs-card-wrapper' : ' p-2',
     style: {
@@ -796,7 +723,7 @@ var QbsTable = function QbsTable(_ref) {
   }, ((data === null || data === void 0 ? void 0 : data.length) === 0 || !data) && !isLoading && /*#__PURE__*/_react["default"].createElement("div", {
     className: "flex flex-col gap-2 p-2 mt-6 card-empty-container"
   }, /*#__PURE__*/_react["default"].createElement(_empty["default"], {
-    title: emptyTitle != null ? emptyTitle : labels.noDataFound,
+    title: emptyTitle != null ? emptyTitle : 'No Data Found',
     subtitle: emptySubTitle
   })), isLoading ? handleCustomCardLoader ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, handleCustomCardLoader()) : /*#__PURE__*/_react["default"].createElement("div", {
     className: "flex flex-col gap-2 p-2"
@@ -811,13 +738,10 @@ var QbsTable = function QbsTable(_ref) {
       childDetailHeading: childDetailHeading,
       columns: columns,
       tableBodyRef: tableBodyRef,
-      actionProps: actionProps,
-      labels: labels
+      actionProps: actionProps
     }));
   })), /*#__PURE__*/_react["default"].createElement("div", null, pagination && (data === null || data === void 0 ? void 0 : data.length) > 0 && /*#__PURE__*/_react["default"].createElement(_Pagination["default"], {
-    paginationProps: paginationProps,
-    labels: labels,
-    dataTheme: dataTheme
+    paginationProps: paginationProps
   }))));
 };
 var _default = QbsTable;

package/lib/qbsTable/TableCardList.js

@@ -11,7 +11,6 @@ var _ColumnGroup = _interopRequireDefault(require("../ColumnGroup"));
 var _HeaderCell = _interopRequireDefault(require("../HeaderCell"));
 var _Pagination = _interopRequireDefault(require("../Pagination"));
 var _Table = _interopRequireDefault(require("../Table"));
-var _labels = require("./labels");
 var _CustomTableCell = require("./CustomTableCell");
 var _Toolbar = _interopRequireDefault(require("./Toolbar"));
 var _ColumShowHide = _interopRequireDefault(require("./utilities/ColumShowHide"));
@@ -99,12 +98,7 @@ var QbsTable = function QbsTable(_ref) {
     autoHeight = _ref.autoHeight,
     emptySubTitle = _ref.emptySubTitle,
     emptyTitle = _ref.emptyTitle,
-    _ref$dropType = _ref.dropType,
-    dropType = _ref$dropType === void 0 ? 'horizontal' : _ref$dropType,
-    labelsProp = _ref.labels;
-  var labels = (0, _react.useMemo)(function () {
-    return (0, _labels.mergeLabels)(labelsProp);
-  }, [labelsProp]);
+    dropType = _ref.dropType;
   var _useState = (0, _react.useState)(false),
     loading = _useState[0],
     setLoading = _useState[1];
@@ -115,15 +109,14 @@ var QbsTable = function QbsTable(_ref) {
     checkedKeys = _useState3[0],
     setCheckedKeys = _useState3[1];
   var dataTheme = (0, _react.useMemo)(function () {
-    var _ref2;
-    return (_ref2 = theme != null ? theme : typeof localStorage !== 'undefined' ? localStorage.getItem('theme') : null) != null ? _ref2 : 'light';
+    var _localStorage$getItem;
+    return (_localStorage$getItem = localStorage.getItem('theme')) != null ? _localStorage$getItem : theme;
   }, [theme]);
   var _useState4 = (0, _react.useState)(false),
     isOpen = _useState4[0],
     setIsOpen = _useState4[1];
   var prevColumns = (0, _react.useRef)(null);
   var tableBodyRef = (0, _react.useRef)(null);
-  var wheelWrapperRef = (0, _react.useRef)(null);
   var handleSortColumn = (0, _react.useCallback)(function (sortColumn, sortType) {
     setLoading(true);
     setTimeout(function () {
@@ -163,6 +156,12 @@ var QbsTable = function QbsTable(_ref) {
       handleChecked(updatedKeys);
     }
   }, [checkedKeys]);
+  var rowKeyField = dataRowKey != null ? dataRowKey : 'id';
+  var getRowClassName = (0, _react.useCallback)(function (rowData) {
+    if (!selection) return '';
+    var key = rowData === null || rowData === void 0 ? void 0 : rowData[rowKeyField];
+    return key !== undefined && checkedKeys !== null && checkedKeys !== void 0 && checkedKeys.includes(key) ? 'qbs-table-row-checked' : '';
+  }, [selection, checkedKeys, rowKeyField]);
   var handleToggle = (0, _react.useCallback)(function (columnName) {
     var lastVisibleColumn = null;
     var visibleCount = 0;
@@ -219,7 +218,7 @@ var QbsTable = function QbsTable(_ref) {
   // useEffect(() => {
   // }, [columns]);
 
-  var handleClear = function handleClear(_ref3) {
+  var handleClear = function handleClear(_ref2) {
     setCheckedKeys([]);
     handleChecked([]);
   };
@@ -245,19 +244,12 @@ var QbsTable = function QbsTable(_ref) {
     onSelect: handleClear,
     handleColumnToggle: handleColumnToggle,
     dataLength: data === null || data === void 0 ? void 0 : data.length,
-    searchPlaceholder: searchPlaceholder,
-    labels: labels
+    searchPlaceholder: searchPlaceholder
   };
-  (0, _react.useEffect)(function () {
-    if (!dataTheme || typeof document === 'undefined') return;
-    document.body.setAttribute('data-theme', dataTheme === 'dark' ? 'dark' : 'light');
-    document.documentElement.dataset.theme = dataTheme;
-  }, [dataTheme]);
   var themeToggle = (0, _react.useMemo)(function () {
-    return typeof document !== 'undefined' ? document.getElementById('themeToggle') : null;
+    return document.getElementById('themeToggle');
   }, []);
   (0, _react.useEffect)(function () {
-    if (theme || typeof document === 'undefined') return;
     var handleThemeToggle = function handleThemeToggle() {
       if (themeToggle !== null && themeToggle !== void 0 && themeToggle.checked) {
         document.body.setAttribute('data-theme', 'dark');
@@ -279,8 +271,9 @@ var QbsTable = function QbsTable(_ref) {
       themeToggle === null || themeToggle === void 0 ? void 0 : themeToggle.removeEventListener('change', handleThemeToggle);
       document.removeEventListener('DOMContentLoaded', handleDOMContentLoaded);
     };
-  }, [theme, themeToggle]);
+  }, [themeToggle]);
   var handleExpanded = (0, _react.useCallback)(function (rowData) {
+    console.log(rowData);
     var keyValue = dataRowKey;
     var key = rowData[keyValue];
     var nextExpandedRowKeys = new Set(expandedRowKeys);
@@ -339,26 +332,26 @@ var QbsTable = function QbsTable(_ref) {
     }) ? true : false;
   };
   var columnsRendered = (0, _react.useMemo)(function () {
-    return (columns != null ? columns : []).map(function (_ref4) {
-      var title = _ref4.title,
-        field = _ref4.field,
-        resizable = _ref4.resizable,
-        sortable = _ref4.sortable,
-        colWidth = _ref4.colWidth,
-        align = _ref4.align,
-        grouped = _ref4.grouped,
-        groupHeader = _ref4.groupHeader,
-        fixed = _ref4.fixed,
-        children = _ref4.children,
-        customCell = _ref4.customCell,
-        renderCell = _ref4.renderCell,
-        isVisible = _ref4.isVisible,
-        link = _ref4.link,
-        getPath = _ref4.getPath,
-        rowClick = _ref4.rowClick,
-        sortKey = _ref4.sortKey,
-        type = _ref4.type,
-        hideLink = _ref4.hideLink;
+    return (columns != null ? columns : []).map(function (_ref3) {
+      var title = _ref3.title,
+        field = _ref3.field,
+        resizable = _ref3.resizable,
+        sortable = _ref3.sortable,
+        colWidth = _ref3.colWidth,
+        align = _ref3.align,
+        grouped = _ref3.grouped,
+        groupHeader = _ref3.groupHeader,
+        fixed = _ref3.fixed,
+        children = _ref3.children,
+        customCell = _ref3.customCell,
+        renderCell = _ref3.renderCell,
+        isVisible = _ref3.isVisible,
+        link = _ref3.link,
+        getPath = _ref3.getPath,
+        rowClick = _ref3.rowClick,
+        sortKey = _ref3.sortKey,
+        type = _ref3.type,
+        hideLink = _ref3.hideLink;
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isVisible && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, grouped ? /*#__PURE__*/_react["default"].createElement(_ColumnGroup["default"], {
         header: groupHeader,
         fixed: fixed,
@@ -438,7 +431,6 @@ var QbsTable = function QbsTable(_ref) {
     wordWrap: wordWrap,
     autoHeight: autoHeight,
     sortColumn: sortColumn,
-    wheelWrapperRef: wheelWrapperRef,
     style: {
       position: 'relative'
     },
@@ -450,7 +442,7 @@ var QbsTable = function QbsTable(_ref) {
     bordered: bordered,
     renderEmpty: function renderEmpty(info) {
       return _renderEmpty ? _renderEmpty(info) : /*#__PURE__*/_react["default"].createElement(_empty["default"], {
-        title: emptyTitle != null ? emptyTitle : labels.noDataFound,
+        title: emptyTitle != null ? emptyTitle : 'No Data Found',
         subtitle: emptySubTitle
       });
     },
@@ -464,6 +456,7 @@ var QbsTable = function QbsTable(_ref) {
     expandedRowKeys: expandedRowKeys,
     onExpandChange: onExpandChange,
     rowKey: dataRowKey != null ? dataRowKey : 'id',
+    rowClassName: selection ? getRowClassName : undefined,
     defaultExpandAllRows: defaultExpandAllRows,
     shouldUpdateScroll: shouldUpdateScroll,
     renderRowExpanded: function renderRowExpanded(rowData) {
@@ -554,8 +547,7 @@ var QbsTable = function QbsTable(_ref) {
     tableHeight: height,
     setIsOpen: setIsOpen,
     handleResetColumns: handleResetColumns,
-    handleColumnToggle: handleColumnToggle,
-    labels: labels
+    handleColumnToggle: handleColumnToggle
   })), /*#__PURE__*/_react["default"].createElement(_Cell["default"], null)), actionProps && (actionProps === null || actionProps === void 0 ? void 0 : actionProps.length) > 0 && /*#__PURE__*/_react["default"].createElement(_Column["default"], {
     width: 40,
     fixed: "right"
@@ -572,19 +564,16 @@ var QbsTable = function QbsTable(_ref) {
     isOpen: isOpen,
     setIsOpen: setIsOpen,
     handleResetColumns: handleResetColumns,
-    handleColumnToggle: handleColumnToggle,
-    labels: labels
+    handleColumnToggle: handleColumnToggle
   })), /*#__PURE__*/_react["default"].createElement(_CustomTableCell.ActionCell, {
     tableBodyRef: tableBodyRef,
     actionProps: actionProps,
-    dropType: dropType,
     className: classes.cellClass + " " + classes.actionCellClass,
     handleMenuActions: handleMenuActions,
-    dataTheme: dataTheme
+    dataTheme: dataTheme,
+    dropType: dropType
   }))), /*#__PURE__*/_react["default"].createElement("div", null, pagination && (data === null || data === void 0 ? void 0 : data.length) > 0 && /*#__PURE__*/_react["default"].createElement(_Pagination["default"], {
-    paginationProps: paginationProps,
-    labels: labels,
-    dataTheme: dataTheme
+    paginationProps: paginationProps
   }))));
 };
 var _default = QbsTable;