@7shifts/sous-chef 3.3.4 → 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,
@@ -5356,7 +5357,7 @@ var AffixContainer = function AffixContainer(_ref) {
 
 var styles$n = {"data-table-editable-cell":"_qYNve","data-table-editable-cell--right-aligned":"_3w6bw","data-table-editable-cell--currency":"_2y-_5","data-table-editable-cell--invalid":"_1Mx8j","data-table-editable-cell--top-left":"_2BlhN","data-table-editable-cell--top-right":"_1qDoN","data-table-editable-cell--bottom-left":"_2NUlb","data-table-editable-cell--bottom-right":"_3Mm-v"};
 
-var DataTableEditableCell = function DataTableEditableCell(_ref) {
+var DataTableEditableCellElement = function DataTableEditableCellElement(_ref, ref) {
   var _columns$columnIndex, _controllers$error, _classnames, _classnames2;
 
   var name = _ref.name,
@@ -5404,7 +5405,8 @@ var DataTableEditableCell = function DataTableEditableCell(_ref) {
   };
   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
@@ -5422,20 +5424,18 @@ var DataTableEditableCell = function DataTableEditableCell(_ref) {
     defaultValue: defaultValue,
     value: controllers.value,
     onChange: controllers.onChange,
-    onBlur: controllers.onBlur
+    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);
+
 var useSelectFieldControllers = function useSelectFieldControllers(_ref) {
   var name = _ref.name,
       inputId = _ref.id,