@7shifts/sous-chef 3.79.1 → 3.80.0

package/dist/index.js

@@ -828,7 +828,7 @@ var TooltipElement = function TooltipElement(_ref, forwardedRef) {
    * 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
    */
-  var isTableCell = anchorElements === 1 && children.props.role === 'cell';
+  var isTableCell = anchorElements === 1 && React__default["default"].isValidElement(children) && children.props.role === 'cell';
   if (!overlay && !header && !isTableCell || anchorElements === 0) {
     return children;
   }
@@ -850,27 +850,28 @@ var TooltipElement = function TooltipElement(_ref, forwardedRef) {
     testId: testId,
     maxHeight: maxHeight
   }, theme === TOOLTIP_THEME.BLACK && !header ? null : overlay) : null;
-  if (React__default["default"].Children.count(children) === 1) {
-    return React__default["default"].createElement(React.Fragment, null, React__default["default"].Children.map(children, function (child) {
-      return React__default["default"].cloneElement(child, {
-        onMouseEnter: openTooltip,
-        onMouseLeave: closeTooltipWithDelay,
-        onFocus: openTooltip,
-        onBlur: closeTooltipWithDelay,
-        ref: containerRef
-      });
-    }), overlayElement);
-  }
-  return React__default["default"].createElement("div", {
-    className: classnames__default["default"](styles$1k['tooltip']),
+  var commonProps = {
     onMouseEnter: openTooltip,
     onMouseLeave: closeTooltipWithDelay,
     onFocus: openTooltip,
     onBlur: closeTooltipWithDelay,
     ref: containerRef
-  }, children, overlayElement);
+  };
+  if (anchorElements === 1 && isTooltipCompatible(children)) {
+    return React__default["default"].createElement(React.Fragment, null, React__default["default"].Children.map(children, function (child) {
+      return React__default["default"].cloneElement(child, commonProps);
+    }), overlayElement);
+  }
+  return React__default["default"].createElement("div", _extends({
+    className: classnames__default["default"](styles$1k['tooltip'])
+  }, commonProps, {
+    ref: containerRef
+  }), children, overlayElement);
 };
 var Tooltip = React.forwardRef(TooltipElement);
+var isTooltipCompatible = function isTooltipCompatible(element) {
+  return React__default["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"};
 
@@ -6687,7 +6688,8 @@ var TextComponent = function TextComponent(_ref, ref) {
     otherProps = _getPositionProps.otherProps;
   var positionStyles = usePositionStyles(positionProps);
   var _getDataProps = getDataProps(otherProps),
-    dataProps = _getDataProps.dataProps;
+    dataProps = _getDataProps.dataProps,
+    other = _getDataProps.otherProps;
   var elementProps = _extends({
     style: _extends({
       color: getColor(color),
@@ -6695,7 +6697,7 @@ var TextComponent = function TextComponent(_ref, ref) {
     }, positionStyles),
     className: classnames__default["default"](styles$19['text'], (_classnames = {}, _classnames[styles$19['text--bold']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.BOLD), _classnames[styles$19['text--italic']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.ITALIC), _classnames[styles$19['text--underline']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.UNDERLINE), _classnames[styles$19['text--dotted-underline']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.DOTTED_UNDERLINE), _classnames[styles$19['text--monospace']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.MONOSPACE), _classnames[styles$19['text--line-through']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.STRIKETHROUGH), _classnames[styles$19['text--align-left']] = alignment === ALIGNMENTS.LEFT, _classnames[styles$19['text--align-right']] = alignment === ALIGNMENTS.RIGHT, _classnames[styles$19['text--align-center']] = alignment === ALIGNMENTS.CENTER, _classnames[styles$19['text--align-justify']] = alignment === ALIGNMENTS.JUSTIFY, _classnames[styles$19['text__body']] = as === TEXT_TYPES.BODY, _classnames[styles$19['text__insight']] = as === TEXT_TYPES.INSIGHT, _classnames[styles$19['text__caption']] = as === TEXT_TYPES.CAPTION, _classnames[styles$19['text__span']] = as === TEXT_TYPES.SPAN, _classnames)),
     'data-testid': testId
-  }, dataProps, {
+  }, dataProps, other, {
     ref: ref
   });
   // check for TEXT_TYPES that should be a <p> element in the dom