@7shifts/sous-chef 3.65.1-beta.1 → 3.65.2

package/dist/index.js

@@ -757,25 +757,23 @@ var TooltipElement = function TooltipElement(_ref, forwardedRef) {
     return children;
   }
   var anchorPosition = typeof containerRef !== 'function' && (containerRef == null || (_containerRef$current = containerRef.current) == null ? void 0 : _containerRef$current.getBoundingClientRect());
-  var Overlay = function Overlay() {
-    return overlay && isVisible && anchorPosition ? React__default["default"].createElement(TooltipOverlay, {
-      anchorPosition: anchorPosition,
-      placement: placement,
-      theme: theme,
-      header: theme === TOOLTIP_THEME.BLACK && !header ? overlay : header,
-      onClose: closeTooltip,
-      onFocusIn: function onFocusIn() {
-        isFocusingOnTooltip.current = true;
-      },
-      onFocusOut: function onFocusOut() {
-        isFocusingOnTooltip.current = false;
-        closeTooltip();
-      },
-      extraClass: extraClass,
-      testId: testId,
-      maxHeight: maxHeight
-    }, theme === TOOLTIP_THEME.BLACK && !header ? null : overlay) : null;
-  };
+  var overlayElement = overlay && isVisible && anchorPosition ? React__default["default"].createElement(TooltipOverlay, {
+    anchorPosition: anchorPosition,
+    placement: placement,
+    theme: theme,
+    header: theme === TOOLTIP_THEME.BLACK && !header ? overlay : header,
+    onClose: closeTooltip,
+    onFocusIn: function onFocusIn() {
+      isFocusingOnTooltip.current = true;
+    },
+    onFocusOut: function onFocusOut() {
+      isFocusingOnTooltip.current = false;
+      closeTooltip();
+    },
+    extraClass: extraClass,
+    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, {
@@ -785,7 +783,7 @@ var TooltipElement = function TooltipElement(_ref, forwardedRef) {
         onBlur: closeTooltipWithDelay,
         ref: containerRef
       });
-    }), React__default["default"].createElement(Overlay, null));
+    }), overlayElement);
   }
   return React__default["default"].createElement("div", {
     className: classnames__default["default"](styles$1i['tooltip']),
@@ -794,7 +792,7 @@ var TooltipElement = function TooltipElement(_ref, forwardedRef) {
     onFocus: openTooltip,
     onBlur: closeTooltipWithDelay,
     ref: containerRef
-  }, children, React__default["default"].createElement(Overlay, null));
+  }, children, overlayElement);
 };
 var Tooltip = React.forwardRef(TooltipElement);
 
@@ -11138,7 +11136,7 @@ var RadioGroupField = function RadioGroupField(_ref) {
   }, caption), controllers.error && React__default["default"].createElement(ErrorMessage, null, controllers.error))));
 };
 
-var styles$f = {"text-field":"_6Of1F","text-field--invalid":"_NQPNK","text-field--prefixed":"_BpQWQ","text-field--suffixed":"_cpYWb","password-container":"_pAoib","password-toggle":"_WVvS6"};
+var styles$f = {"text-field":"_6Of1F","text-field--invalid":"_NQPNK","text-field--prefixed":"_BpQWQ","text-field--suffixed":"_cpYWb","password-container":"_pAoib","password-toggle":"_WVvS6","password-toggle--disabled":"_G29N3"};
 
 var styles$e = {"password-criteria":"_1ruWK","password-criteria--invalid":"_xR7tb"};
 
@@ -11189,7 +11187,7 @@ var groupCriterias = function groupCriterias(criterias) {
 
 /** It allows show and hide the password as well as displaying the criteria. */
 var PasswordField = function PasswordField(_ref) {
-  var _classnames;
+  var _classnames, _classNames;
   var name = _ref.name,
     inputId = _ref.id,
     value = _ref.value,
@@ -11207,7 +11205,8 @@ var PasswordField = function PasswordField(_ref) {
     type = _useState[0],
     setType = _useState[1];
   var toggleType = function toggleType() {
-    return setType(type === 'password' ? 'text' : 'password');
+    if (disabled) return;
+    setType(type === 'password' ? 'text' : 'password');
   };
   var controllers = useFieldControllers({
     name: name,
@@ -11243,7 +11242,7 @@ var PasswordField = function PasswordField(_ref) {
     onChange: controllers.onChange,
     onBlur: controllers.onBlur
   }), React__default["default"].createElement("div", {
-    className: styles$f['password-toggle'],
+    className: classnames__default["default"](styles$f['password-toggle'], (_classNames = {}, _classNames[styles$f['password-toggle--disabled']] = disabled, _classNames)),
     onClick: toggleType,
     onKeyPress: toggleType,
     "data-testid": testId && testId + "-toggle",