@7shifts/sous-chef 3.77.0 → 3.78.0

package/dist/index.js

@@ -8813,7 +8813,7 @@ var useLocalStorage = function useLocalStorage(key, initialValue) {
 
 var styles$L = {"hint-modal":"_NwD6V","hint-modal--after-open":"_4ofZb","hint-modal--before-close":"_hGoMD","hint-modal__overlay":"_iK5zl","hint-modal__image":"_V9hLa","hint-modal__body":"_oOqUg","hint-modal__close-button":"_5zcBK"};
 
-var _excluded$h = ["header", "children", "mediaUrl", "onClose", "modalId", "primaryButton", "secondaryButton", "testId"];
+var _excluded$h = ["header", "children", "mediaUrl", "onClose", "modalId", "primaryButton", "secondaryButton", "testId", "onSetDoNotShowAgainStatus"];
 var HintModal = function HintModal(_ref) {
   var header = _ref.header,
     children = _ref.children,
@@ -8823,6 +8823,7 @@ var HintModal = function HintModal(_ref) {
     primaryButton = _ref.primaryButton,
     secondaryButton = _ref.secondaryButton,
     testId = _ref.testId,
+    onSetDoNotShowAgainStatus = _ref.onSetDoNotShowAgainStatus,
     positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$h);
   var __ = useTranslation('HintModal');
   var _useState = React.useState(false),
@@ -8831,20 +8832,26 @@ var HintModal = function HintModal(_ref) {
   var _useLocalStorage = useLocalStorage(modalId, false),
     persistedDoNotShow = _useLocalStorage[0],
     setPersistedDoNotShow = _useLocalStorage[1];
+  var persistDoNotShowAgain = function persistDoNotShowAgain(value) {
+    setPersistedDoNotShow(value);
+    if (onSetDoNotShowAgainStatus) {
+      onSetDoNotShowAgainStatus(value);
+    }
+  };
   var primaryButtonUpdated = updateButtonProps$1(primaryButton, {
     theme: primaryButton.props.theme || 'primary',
     size: BUTTON_SIZES.MIN_WIDTH_100,
     onClick: function onClick() {
-      setPersistedDoNotShow(doNotShowAgain);
-      primaryButton.props.onClick();
+      persistDoNotShowAgain(doNotShowAgain);
+      primaryButton.props.onClick(doNotShowAgain);
     }
   });
   var secondaryButtonUpdated = secondaryButton ? updateButtonProps$1(secondaryButton, {
     theme: secondaryButton.props.theme || 'default',
     size: BUTTON_SIZES.MIN_WIDTH_100,
     onClick: function onClick() {
-      setPersistedDoNotShow(doNotShowAgain);
-      secondaryButton.props.onClick();
+      persistDoNotShowAgain(doNotShowAgain);
+      secondaryButton.props.onClick(doNotShowAgain);
     }
   }) : undefined;
   var positionStyles = usePositionStyles(positionProps);
@@ -8854,7 +8861,7 @@ var HintModal = function HintModal(_ref) {
     })
   };
   var handleOnClose = function handleOnClose() {
-    setPersistedDoNotShow(doNotShowAgain);
+    persistDoNotShowAgain(doNotShowAgain);
     onClose();
   };
   return React__default["default"].createElement(ReactModal__default["default"], {
@@ -14470,10 +14477,10 @@ var EMPTY_STATE_SIZE = {
   LARGE: 'large'
 };
 
-var styles$2 = {"empty-state-container-inline":"_mhyqH","empty-state-container-inline--inside-modal":"_Kiu3T","empty-state-container-inline__content":"_Px6C0","empty-state-container-inline__content--full-page":"_xqmEf","empty-state-container-inline__content--inline-horizontal":"_lm8Tk","empty-state-container-inline__body":"_xMUQ6","empty-state-container-inline__image":"_79QnQ"};
+var styles$2 = {"empty-state-container-inline":"_mhyqH","empty-state-container-inline--inside-modal":"_Kiu3T","empty-state-container-inline__content":"_Px6C0","empty-state-container-inline__content--large":"_voA-r","empty-state-container-inline__content--medium":"_Q9cut","empty-state-container-inline__body":"_xMUQ6","empty-state-container-inline__image":"_79QnQ","empty-state-container-inline__image--large":"_HxPhH","empty-state-container-inline__image--medium":"_TeUmg"};
 
 var EmptyStateContainerInline = function EmptyStateContainerInline(_ref) {
-  var _classNames, _classnames;
+  var _classNames, _classnames, _classnames2;
   var header = _ref.header,
     title = _ref.title,
     children = _ref.children,
@@ -14491,7 +14498,7 @@ var EmptyStateContainerInline = function EmptyStateContainerInline(_ref) {
     className: classnames__default["default"](styles$2['empty-state-container-inline'], (_classNames = {}, _classNames[styles$2['empty-state-container-inline--inside-modal']] = isInsideModal, _classNames)),
     "data-testid": testId
   }, React__default["default"].createElement("div", {
-    className: classnames__default["default"](styles$2['empty-state-container-inline__content'], (_classnames = {}, _classnames[styles$2['empty-state-container__content--full-page']] = size === EMPTY_STATE_SIZE.LARGE, _classnames[styles$2['empty-state-container__content--inline-horizontal']] = size === EMPTY_STATE_SIZE.MEDIUM, _classnames))
+    className: classnames__default["default"](styles$2['empty-state-container-inline__content'], (_classnames = {}, _classnames[styles$2['empty-state-container-inline__content--large']] = size === EMPTY_STATE_SIZE.LARGE, _classnames[styles$2['empty-state-container-inline__content--medium']] = size === EMPTY_STATE_SIZE.MEDIUM, _classnames))
   }, React__default["default"].createElement(Stack, {
     space: 8
   }, header && React__default["default"].createElement(Text, {
@@ -14511,14 +14518,10 @@ var EmptyStateContainerInline = function EmptyStateContainerInline(_ref) {
   }), caption && React__default["default"].createElement(Text, {
     as: "caption"
   }, caption))), mediaUrl && React__default["default"].createElement("div", {
-    className: styles$2['empty-state-container-inline__image']
+    className: classnames__default["default"](styles$2['empty-state-container-inline__image'], (_classnames2 = {}, _classnames2[styles$2['empty-state-container-inline__image--large']] = size === EMPTY_STATE_SIZE.LARGE, _classnames2[styles$2['empty-state-container-inline__image--medium']] = size === EMPTY_STATE_SIZE.MEDIUM, _classnames2))
   }, React__default["default"].createElement("img", {
     src: mediaUrl,
-    alt: String(title),
-    style: {
-      maxWidth: size === EMPTY_STATE_SIZE.LARGE ? '500px' : '333px',
-      minWidth: '320px'
-    }
+    alt: String(title)
   })));
 };