@7shifts/sous-chef 2.14.0 → 2.15.1

package/dist/index.modern.js

@@ -6459,7 +6459,9 @@ var Modal = function Modal(_ref) {
       _ref$width = _ref.width,
       width = _ref$width === void 0 ? 500 : _ref$width,
       height = _ref.height,
-      maxWidth = _ref.maxWidth;
+      maxWidth = _ref.maxWidth,
+      _ref$shouldReturnFocu = _ref.shouldReturnFocusAfterClose,
+      shouldReturnFocusAfterClose = _ref$shouldReturnFocu === void 0 ? true : _ref$shouldReturnFocu;
   var style = {
     content: {
       width: width,
@@ -6474,6 +6476,7 @@ var Modal = function Modal(_ref) {
     isOpen: true,
     shouldCloseOnEsc: true,
     shouldCloseOnOverlayClick: false,
+    shouldReturnFocusAfterClose: shouldReturnFocusAfterClose,
     onRequestClose: onClose,
     style: style,
     closeTimeoutMS: 200,
@@ -6500,12 +6503,45 @@ Modal.setAppElement = function (rootElement) {
   ReactModal.setAppElement(rootElement);
 };
 
-var styles$y = {"modal-body":"_2J-ku"};
+var THRESHOLD = 20;
+var useScrollShadow = function useScrollShadow() {
+  var ref = useRef(null);
+
+  var _useState = useState(false),
+      showScrollShadow = _useState[0],
+      setShowScrollShadow = _useState[1];
+
+  useEffect(function () {
+    if (!ref.current) {
+      return;
+    }
+
+    var modalBody = ref.current;
+
+    if (modalBody.offsetHeight > THRESHOLD) {
+      setShowScrollShadow(true);
+    }
+  }, []);
+  return {
+    ref: ref,
+    showScrollShadow: showScrollShadow
+  };
+};
+
+var styles$y = {"modal-body":"_2J-ku","modal-body--with-scroll-shadow":"_2ErCP"};
 
 var ModalBody = function ModalBody(_ref) {
+  var _classNames;
+
   var children = _ref.children;
+
+  var _useScrollShadow = useScrollShadow(),
+      ref = _useScrollShadow.ref,
+      showScrollShadow = _useScrollShadow.showScrollShadow;
+
   return React__default.createElement("div", {
-    className: styles$y['modal-body']
+    className: classnames(styles$y['modal-body'], (_classNames = {}, _classNames[styles$y['modal-body--with-scroll-shadow']] = showScrollShadow, _classNames)),
+    ref: ref
   }, children);
 };