qbs-react-grid 1.1.21 → 1.1.22

package/es/qbsTable/CustomTableCell.js

@@ -3,7 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _excluded = ["rowData", "onChange", "checkedKeys", "dataKey", "dataTheme"],
   _excluded2 = ["rowData", "dataKey", "expandedRowKeys", "onChange"],
   _excluded3 = ["rowData", "renderCell", "toolTip", "dataKey", "onChange", "rowClick", "type", "path", "link"],
-  _excluded4 = ["rowData", "toolTip", "dataKey", "onChange", "rowClick", "getIcon", "path", "link"];
+  _excluded4 = ["rowData", "getToolTip", "dataKey", "onChange", "rowClick", "getIcon", "path", "link"];
 import React, { useState, useRef } from 'react';
 import Cell from '../Cell';
 import { handleCellFormat } from './utilities/handleFormatCell';
@@ -100,7 +100,7 @@ export var CustomTableCell = /*#__PURE__*/React.memo(function (_ref4) {
 export var CustomRowStatus = /*#__PURE__*/React.memo(function (_ref5) {
   var _path2;
   var rowData = _ref5.rowData,
-    toolTip = _ref5.toolTip,
+    getToolTip = _ref5.getToolTip,
     dataKey = _ref5.dataKey,
     onChange = _ref5.onChange,
     rowClick = _ref5.rowClick,
@@ -163,5 +163,5 @@ export var CustomRowStatus = /*#__PURE__*/React.memo(function (_ref5) {
     style: {
       position: 'fixed'
     }
-  }, toolTip))));
+  }, getToolTip === null || getToolTip === void 0 ? void 0 : getToolTip(rowData)))));
 });

package/es/qbsTable/QbsTable.js

@@ -477,7 +477,7 @@ var QbsTable = function QbsTable(_ref) {
     rowClick: customRowStatus.onClick,
     path: customRowStatus.getPath,
     link: customRowStatus.link,
-    toolTip: customRowStatus.toolTip
+    getToolTip: customRowStatus.getToolTip
   })), columnsRendered, !actionProps || (actionProps === null || actionProps === void 0 ? void 0 : actionProps.length) === 0 && columnToggle && /*#__PURE__*/React.createElement(Column, {
     width: 40,
     fixed: "right"

package/es/qbsTable/commontypes.d.ts

@@ -102,7 +102,7 @@ export interface QbsTableProps {
         getIcon?: (data: any) => ReactElement;
         onClick?: (rowData: any) => void;
         hidden?: boolean;
-        toolTip?: string | ReactElement;
+        getToolTip?: (rowData: any) => string | ReactElement;
         link?: boolean;
         field?: boolean;
         getPath?: (data: any) => string;

package/lib/qbsTable/CustomTableCell.js

@@ -13,7 +13,7 @@ var _reactRouterDom = require("react-router-dom");
 var _excluded = ["rowData", "onChange", "checkedKeys", "dataKey", "dataTheme"],
   _excluded2 = ["rowData", "dataKey", "expandedRowKeys", "onChange"],
   _excluded3 = ["rowData", "renderCell", "toolTip", "dataKey", "onChange", "rowClick", "type", "path", "link"],
-  _excluded4 = ["rowData", "toolTip", "dataKey", "onChange", "rowClick", "getIcon", "path", "link"];
+  _excluded4 = ["rowData", "getToolTip", "dataKey", "onChange", "rowClick", "getIcon", "path", "link"];
 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); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var CHECKBOX_LINE_HEIGHT = '36px';
@@ -111,7 +111,7 @@ exports.CustomTableCell = CustomTableCell;
 var CustomRowStatus = /*#__PURE__*/_react["default"].memo(function (_ref5) {
   var _path2;
   var rowData = _ref5.rowData,
-    toolTip = _ref5.toolTip,
+    getToolTip = _ref5.getToolTip,
     dataKey = _ref5.dataKey,
     onChange = _ref5.onChange,
     rowClick = _ref5.rowClick,
@@ -174,6 +174,6 @@ var CustomRowStatus = /*#__PURE__*/_react["default"].memo(function (_ref5) {
     style: {
       position: 'fixed'
     }
-  }, toolTip))));
+  }, getToolTip === null || getToolTip === void 0 ? void 0 : getToolTip(rowData)))));
 });
 exports.CustomRowStatus = CustomRowStatus;

package/lib/qbsTable/QbsTable.js

@@ -484,7 +484,7 @@ var QbsTable = function QbsTable(_ref) {
     rowClick: customRowStatus.onClick,
     path: customRowStatus.getPath,
     link: customRowStatus.link,
-    toolTip: customRowStatus.toolTip
+    getToolTip: customRowStatus.getToolTip
   })), columnsRendered, !actionProps || (actionProps === null || actionProps === void 0 ? void 0 : actionProps.length) === 0 && columnToggle && /*#__PURE__*/_react["default"].createElement(_Column["default"], {
     width: 40,
     fixed: "right"

package/lib/qbsTable/commontypes.d.ts

@@ -102,7 +102,7 @@ export interface QbsTableProps {
         getIcon?: (data: any) => ReactElement;
         onClick?: (rowData: any) => void;
         hidden?: boolean;
-        toolTip?: string | ReactElement;
+        getToolTip?: (rowData: any) => string | ReactElement;
         link?: boolean;
         field?: boolean;
         getPath?: (data: any) => string;

package/package.json

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

package/src/qbsTable/CustomTableCell.tsx

@@ -82,7 +82,7 @@ export const CustomTableCell: React.FC<any> = React.memo(
   }
 );
 export const CustomRowStatus: React.FC<any> = React.memo(
-  ({ rowData, toolTip, dataKey, onChange, rowClick, getIcon, path, link, ...props }) => {
+  ({ rowData, getToolTip, dataKey, onChange, rowClick, getIcon, path, link, ...props }) => {
     const [dropdownPosition, setDropdownPosition] = useState('bottom-position');
     const dropRef = useRef(null);
     const menuButtonRef = useRef<HTMLElement>(null);
@@ -132,7 +132,7 @@ export const CustomRowStatus: React.FC<any> = React.memo(
               className={`row-status-tooltip ${dropdownPosition}`}
               style={{ position: 'fixed' }}
             >
-              {toolTip}
+              {getToolTip?.(rowData)}
             </div>
           </div>
         </Cell>

package/src/qbsTable/QbsTable.tsx

@@ -520,7 +520,7 @@ const QbsTable: React.FC<QbsTableProps> = ({
                 rowClick={customRowStatus.onClick}
                 path={customRowStatus.getPath}
                 link={customRowStatus.link}
-                toolTip={customRowStatus.toolTip}
+                getToolTip={customRowStatus.getToolTip}
               />
             </Column>
           )}

package/src/qbsTable/commontypes.ts

@@ -105,7 +105,7 @@ export interface QbsTableProps {
     getIcon?: (data: any) => ReactElement;
     onClick?: (rowData: any) => void;
     hidden?: boolean;
-    toolTip?: string | ReactElement;
+    getToolTip?: (rowData: any) => string | ReactElement;
     link?: boolean;
     field?: boolean;
     getPath?: (data: any) => string;