@aveonline/ui-react 2.19.4 → 2.19.5

package/dist/ui/molecules/Modal/IModal.d.ts

@@ -32,5 +32,6 @@ interface IPropsModal extends IChildren, IClassName {
      * Event for close modal
      */
     onClose?: (value: boolean) => void;
+    disableOverlayClick?: boolean;
 }
 export type { IPropsModal };

package/dist/ui/molecules/Modal/Modal.d.ts

@@ -1,7 +1,3 @@
 import type { IPropsModal } from './IModal';
-/**
- * Molecule: Modal
- * Modals are overlays that require merchants to take an action before they can continue interacting with the rest of Shopify. They can be disruptive and should be used thoughtfully and sparingly.
- */
-declare function Modal({ title, iconTitle, subtitle, footer, isOpen, hasBorder, showClose, onClose, className, children }: IPropsModal): JSX.Element;
+declare function Modal({ title, iconTitle, subtitle, footer, isOpen, hasBorder, showClose, onClose, className, disableOverlayClick, children }: IPropsModal): JSX.Element;
 export default Modal;

package/dist/ui-react.mjs

@@ -11205,9 +11205,10 @@ function Oue({
   showClose: o = !0,
   onClose: s,
   className: l,
-  children: u
+  disableOverlayClick: u = !1,
+  children: c
 }) {
-  const c = () => /* @__PURE__ */ m.jsxs("header", { className: "mb-xl flex items-center justify-between", children: [
+  const f = () => /* @__PURE__ */ m.jsxs("header", { className: "mb-xl flex items-center justify-between", children: [
     /* @__PURE__ */ m.jsxs("div", { className: "flex items-center gap-x-2", children: [
       t && t,
       /* @__PURE__ */ m.jsx(_r, { variant: "heading", color: "default", children: e })
@@ -11221,19 +11222,28 @@ function Oue({
         onClick: () => s == null ? void 0 : s(!i)
       }
     )
-  ] }), f = () => /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
+  ] }), d = () => /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
     a.includes("top") && /* @__PURE__ */ m.jsx("div", { className: "mb-xs border-b border-border-disabled" }),
-    u,
+    c,
     a.includes("bottom") && /* @__PURE__ */ m.jsx("div", { className: "mt-xs border-t border-border-disabled" })
-  ] });
+  ] }), p = () => {
+    u || s == null || s(!1);
+  };
   return /* @__PURE__ */ m.jsxs(
     l1,
     {
       open: i,
-      onClose: (d) => s == null ? void 0 : s(d),
+      onClose: u ? () => null : (v) => s == null ? void 0 : s(v),
       className: ee("relative z-50", l),
       children: [
-        /* @__PURE__ */ m.jsx("div", { className: "fixed inset-0 bg-background-modal", "aria-hidden": "true" }),
+        /* @__PURE__ */ m.jsx(
+          "div",
+          {
+            className: "fixed inset-0 bg-background-modal",
+            "aria-hidden": "true",
+            onClick: p
+          }
+        ),
         /* @__PURE__ */ m.jsx("div", { className: "fixed inset-0 overflow-y-auto", children: /* @__PURE__ */ m.jsx("div", { className: "flex min-h-full items-center justify-center", children: /* @__PURE__ */ m.jsxs(
           l1.Panel,
           {
@@ -11242,9 +11252,9 @@ function Oue({
               l
             ),
             children: [
-              c(),
+              f(),
               n && /* @__PURE__ */ m.jsx(Ie, { variant: "caption", color: "subdued", className: "mb-sm", children: n }),
-              /* @__PURE__ */ m.jsx("main", { className: "mb-xl", children: f() }),
+              /* @__PURE__ */ m.jsx("main", { className: "mb-xl", children: d() }),
               /* @__PURE__ */ m.jsx("footer", { className: "flex w-full items-center justify-end gap-x-2", children: r && r })
             ]
           }

package/package.json

@@ -2,7 +2,7 @@
   "name": "@aveonline/ui-react",
   "description": "Home base for Aveonline design system - ecosystem react",
   "private": false,
-  "version": "2.19.4",
+  "version": "2.19.5",
   "types": "./dist/index.d.ts",
   "files": [
     "dist"