cr-ui-lib 1.1.118 → 1.1.120

package/dist/index.d.mts

@@ -511,15 +511,16 @@ declare const NavBar: ({ children, wrapperClassName, innerClassName, ...rest }:
 
 declare type ModalProps = {
     isOpen: boolean;
-    type?: "left" | "right" | "center";
+    type?: 'left' | 'right' | 'center';
     onClose?: () => void;
     widthClassName?: string;
     children?: React.ReactNode;
     overlayClassName?: string;
     modalClassName?: string;
     stayMounted?: boolean;
+    closeOnOverlayClick?: boolean;
 };
-declare const Modal: ({ isOpen, type, onClose, widthClassName, children, overlayClassName, modalClassName, stayMounted, }: ModalProps) => JSX.Element | null;
+declare const Modal: ({ isOpen, type, onClose, widthClassName, children, overlayClassName, modalClassName, stayMounted, closeOnOverlayClick, }: ModalProps) => JSX.Element | null;
 
 declare type PopupWrapperProps = {
     children?: React.ReactNode;

package/dist/index.d.ts

@@ -511,15 +511,16 @@ declare const NavBar: ({ children, wrapperClassName, innerClassName, ...rest }:
 
 declare type ModalProps = {
     isOpen: boolean;
-    type?: "left" | "right" | "center";
+    type?: 'left' | 'right' | 'center';
     onClose?: () => void;
     widthClassName?: string;
     children?: React.ReactNode;
     overlayClassName?: string;
     modalClassName?: string;
     stayMounted?: boolean;
+    closeOnOverlayClick?: boolean;
 };
-declare const Modal: ({ isOpen, type, onClose, widthClassName, children, overlayClassName, modalClassName, stayMounted, }: ModalProps) => JSX.Element | null;
+declare const Modal: ({ isOpen, type, onClose, widthClassName, children, overlayClassName, modalClassName, stayMounted, closeOnOverlayClick, }: ModalProps) => JSX.Element | null;
 
 declare type PopupWrapperProps = {
     children?: React.ReactNode;

package/dist/index.js

@@ -2315,6 +2315,13 @@ var DateRangePicker = ({
     }
   };
   const handleDateClick = (date, isLeftCalendar) => {
+    if (startDate !== null && endDate !== null && startDate === date) {
+      setEndDate(date);
+    }
+    if (startDate !== null && endDate === null && isLeftCalendar) {
+      setEndDate(date);
+      return;
+    }
     if (startDate !== null && endDate === null && isLeftCalendar || startDate !== null && endDate !== null && (startDate == null ? void 0 : startDate.getTime()) === (endDate == null ? void 0 : endDate.getTime()) && isLeftCalendar) {
       setStartDate(null);
       setEndDate(null);
@@ -5526,7 +5533,8 @@ var Modal = ({
   children,
   overlayClassName,
   modalClassName,
-  stayMounted = false
+  stayMounted = false,
+  closeOnOverlayClick = false
 }) => {
   if (!stayMounted && !isOpen) return null;
   let positionClasses = "";
@@ -5535,8 +5543,13 @@ var Modal = ({
   } else if (type === "right") {
     positionClasses = "right-0 top-0 h-full";
   } else if (type === "center") {
-    positionClasses = "top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2";
+    positionClasses = "top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2";
   }
+  const handleOverlayClick = () => {
+    if (closeOnOverlayClick) {
+      onClose == null ? void 0 : onClose();
+    }
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -5546,7 +5559,7 @@ var Modal = ({
           stayMounted ? isOpen ? "block" : "hidden" : "block",
           overlayClassName
         ),
-        onClick: onClose,
+        onClick: handleOverlayClick,
         "aria-hidden": !isOpen
       }
     ),
@@ -5561,6 +5574,7 @@ var Modal = ({
         ),
         role: "dialog",
         "aria-modal": "true",
+        onClick: (e) => e.stopPropagation(),
         children
       }
     )