nexaas-ui-components 1.0.36 → 1.0.38

package/dist/index.cjs

@@ -12,7 +12,7 @@ var react$1 = require('@headlessui-float/react');
 var IntlCurrencyInputRaw = require('react-intl-currency-input');
 var lodashNamespace = require('lodash');
 var InputMask = require('react-input-mask');
-var ReactModalNamespace = require('react-modal');
+var Modal = require('react-modal');
 var reactTooltip = require('react-tooltip');
 var Select = require('react-select');
 var AsyncSelect = require('react-select/async');
@@ -47,7 +47,7 @@ var clsx9__default = /*#__PURE__*/_interopDefault(clsx9);
 var IntlCurrencyInputRaw__default = /*#__PURE__*/_interopDefault(IntlCurrencyInputRaw);
 var lodashNamespace__namespace = /*#__PURE__*/_interopNamespace(lodashNamespace);
 var InputMask__default = /*#__PURE__*/_interopDefault(InputMask);
-var ReactModalNamespace__namespace = /*#__PURE__*/_interopNamespace(ReactModalNamespace);
+var Modal__default = /*#__PURE__*/_interopDefault(Modal);
 var Select__default = /*#__PURE__*/_interopDefault(Select);
 var AsyncSelect__default = /*#__PURE__*/_interopDefault(AsyncSelect);
 var Fuse__default = /*#__PURE__*/_interopDefault(Fuse);
@@ -229,7 +229,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__ */ jsxRuntime.jsx(SpinnerIcon, { className: "animate-spin w-4 h-4" })
+                  children: props.icon && !props.loading ? props.icon : props.loadingIcon && props.loading ? props.loadingIcon : /* @__PURE__ */ jsxRuntime.jsx(
+                    SpinnerIcon,
+                    {
+                      className: "animate-spin w-4 h-4",
+                      fill: "currentColor"
+                    }
+                  )
                 }
               ),
               props.children,
@@ -2506,7 +2512,6 @@ var MaskedInput = ({
     }
   );
 };
-var Modal = ReactModalNamespace__namespace.default || ReactModalNamespace__namespace;
 var alertTypes = {
   success: "text-success-500",
   error: "text-dangerous-500",
@@ -2538,7 +2543,8 @@ var ModalDialog = ({
   description,
   children,
   showFooter = true,
-  showHeader = true
+  showHeader = true,
+  closeOnOverlayClick = true
 }) => {
   const customStyles6 = {
     content: {
@@ -2566,11 +2572,13 @@ var ModalDialog = ({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
     trigger,
     /* @__PURE__ */ jsxRuntime.jsx(
-      Modal,
+      Modal__default.default,
       {
         ariaHideApp: false,
         isOpen: open,
-        onRequestClose: onClose,
+        onRequestClose: closeOnOverlayClick ? onClose || onCancel : void 0,
+        shouldCloseOnOverlayClick: closeOnOverlayClick,
+        shouldCloseOnEsc: closeOnOverlayClick,
         style: customStyles6,
         contentLabel: "Example Modal",
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx9__default.default(sizes3[size]), children: [