@7shifts/sous-chef 2.14.0 → 2.15.1

package/dist/index.css

@@ -2807,13 +2807,16 @@ Please ask a designer if you have questions about which colours to use.
   font-size: 14px;
   line-height: 16px;
   position: relative;
+}
+
+._2ErCP {
   z-index: 1;
   background: #fff no-repeat;
   background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
   background-position: 0 0, 0 100%;
   background-size: 100% 14px;
 }
-._2J-ku::before, ._2J-ku::after {
+._2ErCP::before, ._2ErCP::after {
   content: "";
   position: relative;
   z-index: -1;
@@ -2822,7 +2825,7 @@ Please ask a designer if you have questions about which colours to use.
   margin: 0 0 -30px;
   background: linear-gradient(to bottom, #fff, #fff 30%, rgba(255, 255, 255, 0));
 }
-._2J-ku::after {
+._2ErCP::after {
   margin: -30px 0 0;
   background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 70%, #fff);
 }

package/dist/index.js

@@ -6464,7 +6464,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,
@@ -6479,6 +6481,7 @@ var Modal = function Modal(_ref) {
     isOpen: true,
     shouldCloseOnEsc: true,
     shouldCloseOnOverlayClick: false,
+    shouldReturnFocusAfterClose: shouldReturnFocusAfterClose,
     onRequestClose: onClose,
     style: style,
     closeTimeoutMS: 200,
@@ -6505,12 +6508,45 @@ Modal.setAppElement = function (rootElement) {
   ReactModal.setAppElement(rootElement);
 };
 
-var styles$y = {"modal-body":"_2J-ku"};
+var THRESHOLD = 20;
+var useScrollShadow = function useScrollShadow() {
+  var ref = React.useRef(null);
+
+  var _useState = React.useState(false),
+      showScrollShadow = _useState[0],
+      setShowScrollShadow = _useState[1];
+
+  React.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);
 };