nexaas-ui-components 1.0.36 → 1.0.38

package/dist/index.d.cts

@@ -400,6 +400,7 @@ type ModalProps = {
     children?: ReactNode;
     showHeader?: boolean;
     showFooter?: boolean;
+    closeOnOverlayClick?: boolean;
 };
 declare const alertTypes: {
     success: string;
@@ -415,7 +416,7 @@ declare const sizes: {
     lg: string;
     null: string;
 };
-declare const ModalDialog: ({ open, onOpen, onClose, onCancel, triggerButton, confirmButton, title, cancelButton, icon, alertType, size, info, description, children, showFooter, showHeader, }: ModalProps) => react_jsx_runtime.JSX.Element;
+declare const ModalDialog: ({ open, onOpen, onClose, onCancel, triggerButton, confirmButton, title, cancelButton, icon, alertType, size, info, description, children, showFooter, showHeader, closeOnOverlayClick, }: ModalProps) => react_jsx_runtime.JSX.Element;
 
 interface Props$3 {
     id: string;

package/dist/index.d.ts

@@ -400,6 +400,7 @@ type ModalProps = {
     children?: ReactNode;
     showHeader?: boolean;
     showFooter?: boolean;
+    closeOnOverlayClick?: boolean;
 };
 declare const alertTypes: {
     success: string;
@@ -415,7 +416,7 @@ declare const sizes: {
     lg: string;
     null: string;
 };
-declare const ModalDialog: ({ open, onOpen, onClose, onCancel, triggerButton, confirmButton, title, cancelButton, icon, alertType, size, info, description, children, showFooter, showHeader, }: ModalProps) => react_jsx_runtime.JSX.Element;
+declare const ModalDialog: ({ open, onOpen, onClose, onCancel, triggerButton, confirmButton, title, cancelButton, icon, alertType, size, info, description, children, showFooter, showHeader, closeOnOverlayClick, }: ModalProps) => react_jsx_runtime.JSX.Element;
 
 interface Props$3 {
     id: string;

package/dist/index.js

@@ -11,7 +11,7 @@ import { Float } from '@headlessui-float/react';
 import IntlCurrencyInputRaw from 'react-intl-currency-input';
 import * as lodashNamespace from 'lodash';
 import InputMask from 'react-input-mask';
-import * as ReactModalNamespace from 'react-modal';
+import Modal from 'react-modal';
 import { Tooltip } from 'react-tooltip';
 import Select, { components } from 'react-select';
 import AsyncSelect from 'react-select/async';
@@ -197,7 +197,13 @@ var Button = ({
                 "div",
                 {
                   className: `flex items-center justify-center  ${appliedSize.icon}`,
-                  children: props.icon && !props.loading ? props.icon : props.loadingIcon && props.loading ? props.loadingIcon : /* @__PURE__ */ jsx(SpinnerIcon, { className: "animate-spin w-4 h-4" })
+                  children: props.icon && !props.loading ? props.icon : props.loadingIcon && props.loading ? props.loadingIcon : /* @__PURE__ */ jsx(
+                    SpinnerIcon,
+                    {
+                      className: "animate-spin w-4 h-4",
+                      fill: "currentColor"
+                    }
+                  )
                 }
               ),
               props.children,
@@ -2474,7 +2480,6 @@ var MaskedInput = ({
     }
   );
 };
-var Modal = ReactModalNamespace.default || ReactModalNamespace;
 var alertTypes = {
   success: "text-success-500",
   error: "text-dangerous-500",
@@ -2506,7 +2511,8 @@ var ModalDialog = ({
   description,
   children,
   showFooter = true,
-  showHeader = true
+  showHeader = true,
+  closeOnOverlayClick = true
 }) => {
   const customStyles6 = {
     content: {
@@ -2538,7 +2544,9 @@ var ModalDialog = ({
       {
         ariaHideApp: false,
         isOpen: open,
-        onRequestClose: onClose,
+        onRequestClose: closeOnOverlayClick ? onClose || onCancel : void 0,
+        shouldCloseOnOverlayClick: closeOnOverlayClick,
+        shouldCloseOnEsc: closeOnOverlayClick,
         style: customStyles6,
         contentLabel: "Example Modal",
         children: /* @__PURE__ */ jsxs("div", { className: clsx9(sizes3[size]), children: [