@7shifts/sous-chef 2.15.7 → 2.15.8

package/dist/index.js

@@ -4187,6 +4187,8 @@ var useLabelTooltip = function useLabelTooltip(labelId, tooltipContent) {
       setShowTooltip = _useState[1];
 
   var shouldTruncate = typeof tooltipContent === 'string';
+  var labelElement = document.getElementById(labelId);
+  var isHidden = labelElement && labelElement.offsetParent === null;
   var handleApplyTooltip = React.useCallback(function () {
     if (!shouldTruncate) {
       return;
@@ -4199,8 +4201,11 @@ var useLabelTooltip = function useLabelTooltip(labelId, tooltipContent) {
     }
 
     var shouldShowTooltip = isEllipsisActive(labelElement);
-    setShowTooltip(shouldShowTooltip);
-  }, [shouldTruncate]);
+
+    if (showTooltip !== shouldShowTooltip) {
+      setShowTooltip(shouldShowTooltip);
+    }
+  }, [shouldTruncate, isHidden]);
   React.useEffect(function () {
     var onWindowResize = lodashEs.debounce(handleApplyTooltip, 300);
     window.addEventListener('resize', onWindowResize);
@@ -4300,6 +4305,7 @@ var AffixContainer = function AffixContainer(_ref) {
   var container = React.useRef(null);
   var prefixElement = React.useRef(null);
   var suffixElement = React.useRef(null);
+  var isHidden = container.current && container.current.offsetParent === null;
   React.useLayoutEffect(function () {
     if (container.current) {
       var input = container.current.querySelector('input, [class$=control] > div');
@@ -4318,7 +4324,7 @@ var AffixContainer = function AffixContainer(_ref) {
         }
       }
     }
-  }, [prefix, suffix]);
+  }, [prefix, suffix, isHidden]);
   var hasPrefix = !!prefix;
   var hasSuffix = !!suffix;