@7shifts/sous-chef 3.70.1-beta.0 → 3.72.0

package/dist/index.js

@@ -797,7 +797,7 @@ var TooltipElement = function TooltipElement(_ref, forwardedRef) {
 };
 var Tooltip = React.forwardRef(TooltipElement);
 
-var styles$1g = {"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"};
+var styles$1g = {"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"};
 
 var BUTTON_SIZES = {
   FULL_WIDTH: 'full-width',
@@ -884,36 +884,39 @@ var ButtonComponent = function ButtonComponent(_ref, ref) {
   var contrastSpinner = [BUTTON_THEMES.PRIMARY, BUTTON_THEMES.DANGER, BUTTON_THEMES.UPSELL, BUTTON_THEMES.MARKETING, BUTTON_THEMES.LINK_CONTRAST];
   var childrenArr = React.Children.toArray(children);
   var isIconOnly = childrenArr.length === 1 && typeof childrenArr[0] != 'string';
+  var ButtonElementResult = React__default["default"].createElement(ButtonElement, {
+    id: id,
+    onClick: onClick,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    onBlur: onBlur,
+    onFocus: onFocus,
+    onKeyDown: onKeyDown,
+    className: classnames__default["default"](styles$1g['button'], (_classnames = {}, _classnames[styles$1g['button--default']] = theme === BUTTON_THEMES.DEFAULT, _classnames[styles$1g['button--primary']] = theme === BUTTON_THEMES.PRIMARY, _classnames[styles$1g['button--danger']] = theme === BUTTON_THEMES.DANGER, _classnames[styles$1g['button--upsell']] = theme === BUTTON_THEMES.UPSELL, _classnames[styles$1g['button--marketing']] = theme === BUTTON_THEMES.MARKETING, _classnames[styles$1g['button--hollow']] = theme === BUTTON_THEMES.HOLLOW, _classnames[styles$1g['button--hollow-contrast']] = theme === BUTTON_THEMES.HOLLOW_CONTRAST, _classnames[styles$1g['button--link-primary']] = theme === BUTTON_THEMES.LINK_PRIMARY, _classnames[styles$1g['button--link-danger']] = theme === BUTTON_THEMES.LINK_DANGER, _classnames[styles$1g['button--link-upsell']] = theme === BUTTON_THEMES.LINK_UPSELL, _classnames[styles$1g['button--link-toolbar']] = theme === BUTTON_THEMES.LINK_TOOLBAR, _classnames[styles$1g['button--link-contrast']] = theme === BUTTON_THEMES.LINK_CONTRAST, _classnames[styles$1g['button--link-icon']] = theme === BUTTON_THEMES.LINK_ICON, _classnames[styles$1g['button--loading']] = loading, _classnames[styles$1g['button--icon-only']] = isIconOnly, _classnames[styles$1g['button--size-min-width-100']] = size === BUTTON_SIZES.MIN_WIDTH_100, _classnames[styles$1g['button--size-full-width']] = size === BUTTON_SIZES.FULL_WIDTH, _classnames)),
+    type: type,
+    disabled: disabled || loading,
+    href: href,
+    ref: ref,
+    target: target,
+    "data-testid": testId,
+    position: positionProps,
+    dataProps: dataProps
+  }, React__default["default"].createElement(Inline, {
+    space: 8,
+    alignItems: "center"
+  }, children), loading && React__default["default"].createElement("div", {
+    className: styles$1g['button__spinner']
+  }, React__default["default"].createElement(Spinner, {
+    theme: contrastSpinner.includes(theme) ? SPINNER_THEMES.CONTRAST : SPINNER_THEMES.DISABLED
+  })));
   return (
     // The ref is passed here as the Tooltip component passes down a new ref to the Button component
     React__default["default"].createElement(Tooltip, {
       overlay: title,
       ref: ref
-    }, React__default["default"].createElement(ButtonElement, {
-      id: id,
-      onClick: onClick,
-      onMouseEnter: onMouseEnter,
-      onMouseLeave: onMouseLeave,
-      onBlur: onBlur,
-      onFocus: onFocus,
-      onKeyDown: onKeyDown,
-      className: classnames__default["default"](styles$1g['button'], (_classnames = {}, _classnames[styles$1g['button--default']] = theme === BUTTON_THEMES.DEFAULT, _classnames[styles$1g['button--primary']] = theme === BUTTON_THEMES.PRIMARY, _classnames[styles$1g['button--danger']] = theme === BUTTON_THEMES.DANGER, _classnames[styles$1g['button--upsell']] = theme === BUTTON_THEMES.UPSELL, _classnames[styles$1g['button--marketing']] = theme === BUTTON_THEMES.MARKETING, _classnames[styles$1g['button--hollow']] = theme === BUTTON_THEMES.HOLLOW, _classnames[styles$1g['button--hollow-contrast']] = theme === BUTTON_THEMES.HOLLOW_CONTRAST, _classnames[styles$1g['button--link-primary']] = theme === BUTTON_THEMES.LINK_PRIMARY, _classnames[styles$1g['button--link-danger']] = theme === BUTTON_THEMES.LINK_DANGER, _classnames[styles$1g['button--link-upsell']] = theme === BUTTON_THEMES.LINK_UPSELL, _classnames[styles$1g['button--link-toolbar']] = theme === BUTTON_THEMES.LINK_TOOLBAR, _classnames[styles$1g['button--link-contrast']] = theme === BUTTON_THEMES.LINK_CONTRAST, _classnames[styles$1g['button--link-icon']] = theme === BUTTON_THEMES.LINK_ICON, _classnames[styles$1g['button--loading']] = loading, _classnames[styles$1g['button--icon-only']] = isIconOnly, _classnames[styles$1g['button--size-min-width-100']] = size === BUTTON_SIZES.MIN_WIDTH_100, _classnames[styles$1g['button--size-full-width']] = size === BUTTON_SIZES.FULL_WIDTH, _classnames)),
-      type: type,
-      disabled: disabled || loading,
-      href: href,
-      ref: ref,
-      target: target,
-      "data-testid": testId,
-      position: positionProps,
-      dataProps: dataProps
-    }, React__default["default"].createElement(Inline, {
-      space: 8,
-      alignItems: "center"
-    }, children), loading && React__default["default"].createElement("div", {
-      className: styles$1g['button__spinner']
-    }, React__default["default"].createElement(Spinner, {
-      theme: contrastSpinner.includes(theme) ? SPINNER_THEMES.CONTRAST : SPINNER_THEMES.DISABLED
-    }))))
+    }, title && disabled ? React__default["default"].createElement("div", {
+      className: styles$1g['disabled-button-wrapper']
+    }, ButtonElementResult) : ButtonElementResult)
   );
 };
 var ButtonElement = React.forwardRef(function (_ref2, ref) {
@@ -10334,7 +10337,7 @@ var useSelectField = function useSelectField(_ref) {
     inputId: controllers.id,
     isClearable: isClearable,
     isDisabled: disabled,
-    menuPortalTarget: document.getElementsByClassName('page-content')[0] || document.body,
+    menuPortalTarget: document.body,
     menuPlacement: menuShouldScrollIntoView ? 'bottom' : 'auto',
     menuPosition: menuShouldScrollIntoView ? 'absolute' : 'fixed',
     noOptionsMessage: typeof noOptionsMessage === 'function' ? noOptionsMessage : defaultNoOptionsMessage,