@7shifts/sous-chef 3.79.1 → 3.80.0

package/dist/index.modern.js

@@ -798,7 +798,7 @@ const TooltipElement = ({
    * Checking if is a tooltip on a cell because it is probably the DataTableEditableCell.
    * We can't change the div structure (unmounting/mounting tooltip) otherwise the cell input will lose focus
    */
-  const isTableCell = anchorElements === 1 && children.props.role === 'cell';
+  const isTableCell = anchorElements === 1 && React__default.isValidElement(children) && children.props.role === 'cell';
   if (!overlay && !header && !isTableCell || anchorElements === 0) {
     return children;
   }
@@ -820,27 +820,28 @@ const TooltipElement = ({
     testId: testId,
     maxHeight: maxHeight
   }, _theme === TOOLTIP_THEME.BLACK && !header ? null : overlay) : null;
-  if (React__default.Children.count(children) === 1) {
-    return React__default.createElement(Fragment, null, React__default.Children.map(children, child => {
-      return React__default.cloneElement(child, {
-        onMouseEnter: openTooltip,
-        onMouseLeave: closeTooltipWithDelay,
-        onFocus: openTooltip,
-        onBlur: closeTooltipWithDelay,
-        ref: containerRef
-      });
-    }), overlayElement);
-  }
-  return React__default.createElement("div", {
-    className: classnames(styles$1k['tooltip']),
+  const commonProps = {
     onMouseEnter: openTooltip,
     onMouseLeave: closeTooltipWithDelay,
     onFocus: openTooltip,
     onBlur: closeTooltipWithDelay,
     ref: containerRef
-  }, children, overlayElement);
+  };
+  if (anchorElements === 1 && isTooltipCompatible(children)) {
+    return React__default.createElement(Fragment, null, React__default.Children.map(children, child => {
+      return React__default.cloneElement(child, commonProps);
+    }), overlayElement);
+  }
+  return React__default.createElement("div", _extends({
+    className: classnames(styles$1k['tooltip'])
+  }, commonProps, {
+    ref: containerRef
+  }), children, overlayElement);
 };
 const Tooltip = forwardRef(TooltipElement);
+const isTooltipCompatible = element => {
+  return React__default.isValidElement(element) && typeof element.type === 'string';
+};
 
 var styles$1i = {"button":"_pgOR3","button--loading":"_2yB9-","button__spinner":"_ppC-S","button--size-min-width-100":"_GtXOQ","button--size-full-width":"_Y-OxO","button--icon-only":"_3EfuT","button--default":"_ICNz7","button--primary":"_XwJWT","button--danger":"_gr3Dh","button--upsell":"_ME8te","button--marketing":"_mI-Dx","button--hollow":"_orywo","button--hollow-contrast":"_obtsl","button--link-contrast":"_00jK4","button--link-primary":"_JPwJ7","button--link-danger":"_9TprN","button--link-upsell":"_tktX-","button--link-toolbar":"_r3SQl","button--link-icon":"_oFBLN","disabled-button-wrapper":"_yTBTz"};
 
@@ -6837,7 +6838,8 @@ const TextComponent = (_ref, ref) => {
   } = getPositionProps(rest);
   const positionStyles = usePositionStyles(positionProps);
   const {
-    dataProps
+    dataProps,
+    otherProps: other
   } = getDataProps(otherProps);
   const elementProps = _extends({
     style: _extends({
@@ -6861,7 +6863,7 @@ const TextComponent = (_ref, ref) => {
       [styles$19['text__span']]: as === TEXT_TYPES.SPAN
     }),
     'data-testid': testId
-  }, dataProps, {
+  }, dataProps, other, {
     ref
   });
   // check for TEXT_TYPES that should be a <p> element in the dom