@7shifts/sous-chef 3.66.0 → 3.67.1-beta.0

package/dist/i18n/locales/en.json

@@ -11,7 +11,7 @@
         "createButton": "Create"
     },
     "HintModal": {
-        "dontShowAgainLabel": "Don’t show this again"
+        "dontShowAgainLabel": "Don't remind me again"
     },
     "Calendar": {
         "sunday": "Sunday",

package/dist/index.js

@@ -5988,7 +5988,7 @@ var SelectField$1 = {
 	createButton: "Create"
 };
 var HintModal$1 = {
-	dontShowAgainLabel: "Don’t show this again"
+	dontShowAgainLabel: "Don't remind me again"
 };
 var Calendar$1 = {
 	sunday: "Sunday",
@@ -8783,7 +8783,7 @@ var useLocalStorage = function useLocalStorage(key, initialValue) {
 
 var styles$F = {"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$g = ["header", "children", "mediaUrl", "onClose", "modalId", "primaryButton", "testId"];
+var _excluded$g = ["header", "children", "mediaUrl", "onClose", "modalId", "primaryButton", "secondaryButton", "testId"];
 var HintModal = function HintModal(_ref) {
   var header = _ref.header,
     children = _ref.children,
@@ -8791,6 +8791,7 @@ var HintModal = function HintModal(_ref) {
     onClose = _ref.onClose,
     modalId = _ref.modalId,
     primaryButton = _ref.primaryButton,
+    secondaryButton = _ref.secondaryButton,
     testId = _ref.testId,
     positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$g);
   var __ = useTranslation('HintModal');
@@ -8800,7 +8801,7 @@ var HintModal = function HintModal(_ref) {
   var _useLocalStorage = useLocalStorage(modalId, false),
     persistedDoNotShow = _useLocalStorage[0],
     setPersistedDoNotShow = _useLocalStorage[1];
-  var button = updateButtonProps$1(primaryButton, {
+  var primaryButtonUpdated = updateButtonProps$1(primaryButton, {
     theme: primaryButton.props.theme || 'primary',
     size: BUTTON_SIZES.MIN_WIDTH_100,
     onClick: function onClick() {
@@ -8808,6 +8809,14 @@ var HintModal = function HintModal(_ref) {
       primaryButton.props.onClick();
     }
   });
+  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();
+    }
+  }) : undefined;
   var positionStyles = usePositionStyles(positionProps);
   var style = {
     overlay: _extends({}, positionStyles, {
@@ -8852,9 +8861,8 @@ var HintModal = function HintModal(_ref) {
     space: 8
   }, React__default["default"].createElement(Text, {
     as: "h3"
-  }, header), React__default["default"].createElement(Text, null, children)), React__default["default"].createElement(Inline, {
-    alignItems: "center",
-    justifyContent: "space-between"
+  }, header), React__default["default"].createElement(Text, null, children)), React__default["default"].createElement(Stack, {
+    space: 32
   }, React__default["default"].createElement(CheckboxField, {
     name: "hint-modal-do-not-show-checkbox",
     checked: doNotShowAgain,
@@ -8862,7 +8870,11 @@ var HintModal = function HintModal(_ref) {
     onChange: function onChange() {
       return setDoNotShowAgain(!doNotShowAgain);
     }
-  }), button))));
+  }), React__default["default"].createElement(Inline, {
+    alignItems: "center",
+    justifyContent: "end",
+    space: 8
+  }, secondaryButtonUpdated, primaryButtonUpdated)))));
 };
 
 var DataTableCellElement = function DataTableCellElement(_ref, ref) {
@@ -11627,11 +11639,14 @@ var DateField = function DateField(_ref) {
       setInputValue(event.target.value);
     },
     onBlur: function onBlur(event) {
-      controllers.onBlur();
-      if (event.target.value === '') {
-        // @ts-expect-error the types will be changed on the next major release https://github.com/7shifts/sous-chef/pull/356
-        controllers.onChange(undefined);
-      }
+      // This is to give some time for calendar click to set the date value. Otherwise, this `undefined` will override the selected date in mobile devices.
+      setTimeout(function () {
+        controllers.onBlur();
+        if (event.target.value === '') {
+          // @ts-expect-error the types will be changed on the next major release https://github.com/7shifts/sous-chef/pull/356
+          controllers.onChange(undefined);
+        }
+      }, 10);
     },
     maxLength: format.length,
     value: inputValue