@lumx/react 3.1.4 → 3.1.5

package/index.d.ts

@@ -637,6 +637,10 @@ interface DialogProps extends GenericProps {
     focusElement?: RefObject<HTMLElement>;
     /** Whether to keep the dialog open on clickaway or escape press. */
     preventAutoClose?: boolean;
+    /** Whether to keep the dialog open on escape press. */
+    preventCloseOnEscape?: boolean;
+    /** Whether to keep the dialog open on clickaway. */
+    preventCloseOnClick?: boolean;
     /** Size variant. */
     size?: DialogSizes;
     /** Z-axis position. */
@@ -647,6 +651,8 @@ interface DialogProps extends GenericProps {
     onClose?(): void;
     /** Callback called when the open animation starts and the close animation finishes. */
     onVisibilityChange?(isVisible: boolean): void;
+    /** whether to disable the scroll on the body or not */
+    disableBodyScroll?: boolean;
 }
 declare type DialogSizes = Extract<Size, 'tiny' | 'regular' | 'big' | 'huge'>;
 /**

package/index.js

@@ -2732,7 +2732,7 @@ const useTransitionVisibility = (ref, isComponentVisible, onVisibilityChange) =>
   return isVisible || isComponentVisible;
 };
 
-const _excluded$h = ["children", "className", "header", "focusElement", "forceFooterDivider", "forceHeaderDivider", "footer", "isLoading", "isOpen", "onClose", "parentElement", "contentRef", "preventAutoClose", "size", "zIndex", "dialogProps", "onVisibilityChange"];
+const _excluded$h = ["children", "className", "header", "focusElement", "forceFooterDivider", "forceHeaderDivider", "footer", "isLoading", "isOpen", "onClose", "parentElement", "contentRef", "preventAutoClose", "size", "zIndex", "dialogProps", "onVisibilityChange", "disableBodyScroll", "preventCloseOnClick", "preventCloseOnEscape"];
 
 /**
  * Defines the props of the component.
@@ -2755,7 +2755,8 @@ const CLASSNAME$d = getRootClassName(COMPONENT_NAME$g);
  * Component default props.
  */
 const DEFAULT_PROPS$c = {
-  size: Size.big
+  size: Size.big,
+  disableBodyScroll: true
 };
 
 /**
@@ -2788,7 +2789,10 @@ const Dialog = /*#__PURE__*/forwardRef((props, ref) => {
       size,
       zIndex,
       dialogProps,
-      onVisibilityChange
+      onVisibilityChange,
+      disableBodyScroll,
+      preventCloseOnClick,
+      preventCloseOnEscape
     } = props,
     forwardedProps = _objectWithoutProperties(props, _excluded$h);
 
@@ -2805,9 +2809,10 @@ const Dialog = /*#__PURE__*/forwardRef((props, ref) => {
       }
     }
   }, [isOpen, parentElement]);
+  const shouldPreventCloseOnEscape = preventAutoClose || preventCloseOnEscape;
 
   // eslint-disable-next-line react-hooks/rules-of-hooks
-  useCallbackOnEscape(onClose, isOpen && !preventAutoClose);
+  useCallbackOnEscape(onClose, isOpen && !shouldPreventCloseOnEscape);
 
   // eslint-disable-next-line react-hooks/rules-of-hooks
   const wrapperRef = useRef(null);
@@ -2822,7 +2827,7 @@ const Dialog = /*#__PURE__*/forwardRef((props, ref) => {
   useFocusTrap(isOpen && wrapperRef.current, focusElement === null || focusElement === void 0 ? void 0 : focusElement.current);
 
   // eslint-disable-next-line react-hooks/rules-of-hooks
-  useDisableBodyScroll(isOpen && localContentRef.current);
+  useDisableBodyScroll(disableBodyScroll && isOpen && localContentRef.current);
 
   // eslint-disable-next-line react-hooks/rules-of-hooks
   const [sentinelTop, setSentinelTop] = useState(null);
@@ -2851,6 +2856,7 @@ const Dialog = /*#__PURE__*/forwardRef((props, ref) => {
 
   // eslint-disable-next-line react-hooks/rules-of-hooks
   const isVisible = useTransitionVisibility(rootRef, Boolean(isOpen), onVisibilityChange);
+  const shouldPreventCloseOnClickAway = preventAutoClose || preventCloseOnClick;
   return isOpen || isVisible ? /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", _extends({
     ref: mergeRefs(rootRef, ref)
   }, forwardedProps, {
@@ -2871,7 +2877,7 @@ const Dialog = /*#__PURE__*/forwardRef((props, ref) => {
     role: "dialog",
     "aria-modal": "true"
   }, dialogProps), /*#__PURE__*/React.createElement(ClickAwayProvider, {
-    callback: !preventAutoClose && onClose,
+    callback: !shouldPreventCloseOnClickAway && onClose,
     childrenRefs: clickAwayRefs,
     parentRef: rootRef
   }, /*#__PURE__*/React.createElement("div", {