@7shifts/sous-chef 3.3.5 → 3.3.6

package/dist/index.js

@@ -578,15 +578,16 @@ var Tooltip = function Tooltip(_ref, forwardedRef) {
   };
 
   var anchorElements = React__default.Children.count(children);
+  var isTableCell = anchorElements === 1 && children.props.role === 'cell';
 
-  if (!overlay && !header || anchorElements === 0) {
+  if (!overlay && !header && !isTableCell || anchorElements === 0) {
     return children;
   }
 
   var anchorPosition = typeof containerRef !== 'function' && (containerRef === null || containerRef === void 0 ? void 0 : (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.getBoundingClientRect());
 
   var Overlay = function Overlay() {
-    return isVisible && anchorPosition ? React__default.createElement(TooltipOverlay, {
+    return overlay && isVisible && anchorPosition ? React__default.createElement(TooltipOverlay, {
       anchorPosition: anchorPosition,
       placement: placement,
       theme: theme,
@@ -5404,7 +5405,8 @@ var DataTableEditableCellElement = function DataTableEditableCellElement(_ref, r
   };
   var EditableCell = React__default.createElement("div", {
     className: classnames((_classnames = {}, _classnames[styles$n['data-table-editable-cell--currency']] = type === 'currency', _classnames), styles$n['data-table-editable-cell']),
-    "data-testid": testId
+    "data-testid": testId,
+    role: "cell"
   }, React__default.createElement(Field, Object.assign({}, fieldProps), React__default.createElement(AffixContainer, {
     prefix: prefix,
     suffix: suffix
@@ -5425,16 +5427,11 @@ var DataTableEditableCellElement = function DataTableEditableCellElement(_ref, r
     onBlur: controllers.onBlur,
     ref: ref
   }))));
-
-  if (hasError) {
-    return React__default.createElement(Tooltip$1, {
-      overlay: errorMessage,
-      placement: "top",
-      theme: "white"
-    }, EditableCell);
-  }
-
-  return EditableCell;
+  return React__default.createElement(Tooltip$1, {
+    overlay: errorMessage,
+    placement: "top",
+    theme: "white"
+  }, EditableCell);
 };
 
 var DataTableEditableCell = React.forwardRef(DataTableEditableCellElement);