@select-org/select-post-builder 1.1.27 → 1.1.29

package/dist/index.d.ts

@@ -344,14 +344,13 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        iframe: {
-            /**
-             * Insert an iframe node into the document
-             */
-            setIframe: (options: {
-                src: string;
-                width?: string;
-                height?: string;
+        smartMediaUpload: {
+            insertMediaWithUpload: (params: {
+                source: File | Blob | string;
+                type: MediaNodeTypes;
+                mediaType?: MediaItemType;
+                caption?: string;
+                searchFrom?: ImageSearchFrom;
             }) => ReturnType;
         };
     }
@@ -360,13 +359,14 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        smartMediaUpload: {
-            insertMediaWithUpload: (params: {
-                source: File | Blob | string;
-                type: MediaNodeTypes;
-                mediaType?: MediaItemType;
-                caption?: string;
-                searchFrom?: ImageSearchFrom;
+        iframe: {
+            /**
+             * Insert an iframe node into the document
+             */
+            setIframe: (options: {
+                src: string;
+                width?: string;
+                height?: string;
             }) => ReturnType;
         };
     }

package/dist/post-builder.cjs.js

@@ -33827,23 +33827,28 @@ const PostBuilderEditorInstanceWithDialog = ({
       hasUnsavedChanges: metrics?.hasUnsavedChanges ?? false
     });
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    DialogContent,
-    {
-      className: "bg-transparent shadow-none border-0 p-3 lg:max-w-4xl shrink-0 max-h-[calc(100dvh-7rem)]! flex flex-col overflow-y-auto -translate-1/2",
-      showCloseButton: false,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: "sr-only", children: "Post Builder Modal" }),
-          !hideGroupSelector && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(GroupSelector, { user, store, onGroupSelect }),
-            /* @__PURE__ */ jsxRuntime.jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", size: "icon", children: /* @__PURE__ */ jsxRuntime.jsx(X, {}) }) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(PostBuilderEditorInstance, { ...rest, store, placement })
-      ]
-    }
-  ) });
+  return /* @__PURE__ */ jsxRuntime.jsxs(Dialog, { modal: false, open, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "z-9999 fixed inset-0 bg-black/50", onClick: () => handleOpenChange(false) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      DialogContent,
+      {
+        onInteractOutside: (e2) => e2.preventDefault(),
+        onOpenAutoFocus: (e2) => e2.preventDefault(),
+        className: "z-99999 bg-transparent shadow-none border-0 p-3 lg:max-w-4xl shrink-0 max-h-[calc(100dvh-7rem)]! flex flex-col overflow-y-auto -translate-1/2",
+        showCloseButton: false,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: "sr-only", children: "Post Builder Modal" }),
+            !hideGroupSelector && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(GroupSelector, { user, store, onGroupSelect }),
+              /* @__PURE__ */ jsxRuntime.jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", size: "icon", children: /* @__PURE__ */ jsxRuntime.jsx(X, {}) }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(PostBuilderEditorInstance, { ...rest, store, placement })
+        ]
+      }
+    )
+  ] });
 };
 var M = (e2, i2, s2, u, m, a2, l2, h) => {
   let d = document.documentElement, w = ["light", "dark"];

package/dist/post-builder.css

@@ -590,6 +590,14 @@ body {
     z-index: 999;
   }
 
+[data-theme="select-post-builder"] .z-9999 {
+    z-index: 9999;
+  }
+
+[data-theme="select-post-builder"] .z-99999 {
+    z-index: 99999;
+  }
+
 [data-theme="select-post-builder"] .order-first {
     order: -9999;
   }

package/dist/post-builder.js

@@ -33797,23 +33797,28 @@ const PostBuilderEditorInstanceWithDialog = ({
       hasUnsavedChanges: metrics?.hasUnsavedChanges ?? false
     });
   };
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs(
-    DialogContent,
-    {
-      className: "bg-transparent shadow-none border-0 p-3 lg:max-w-4xl shrink-0 max-h-[calc(100dvh-7rem)]! flex flex-col overflow-y-auto -translate-1/2",
-      showCloseButton: false,
-      children: [
-        /* @__PURE__ */ jsxs(DialogHeader, { children: [
-          /* @__PURE__ */ jsx(DialogTitle, { className: "sr-only", children: "Post Builder Modal" }),
-          !hideGroupSelector && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
-            /* @__PURE__ */ jsx(GroupSelector, { user, store, onGroupSelect }),
-            /* @__PURE__ */ jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "icon", children: /* @__PURE__ */ jsx(X, {}) }) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(PostBuilderEditorInstance, { ...rest, store, placement })
-      ]
-    }
-  ) });
+  return /* @__PURE__ */ jsxs(Dialog, { modal: false, open, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsx("div", { className: "z-9999 fixed inset-0 bg-black/50", onClick: () => handleOpenChange(false) }),
+    /* @__PURE__ */ jsxs(
+      DialogContent,
+      {
+        onInteractOutside: (e2) => e2.preventDefault(),
+        onOpenAutoFocus: (e2) => e2.preventDefault(),
+        className: "z-99999 bg-transparent shadow-none border-0 p-3 lg:max-w-4xl shrink-0 max-h-[calc(100dvh-7rem)]! flex flex-col overflow-y-auto -translate-1/2",
+        showCloseButton: false,
+        children: [
+          /* @__PURE__ */ jsxs(DialogHeader, { children: [
+            /* @__PURE__ */ jsx(DialogTitle, { className: "sr-only", children: "Post Builder Modal" }),
+            !hideGroupSelector && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+              /* @__PURE__ */ jsx(GroupSelector, { user, store, onGroupSelect }),
+              /* @__PURE__ */ jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "icon", children: /* @__PURE__ */ jsx(X, {}) }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(PostBuilderEditorInstance, { ...rest, store, placement })
+        ]
+      }
+    )
+  ] });
 };
 var M = (e2, i2, s2, u, m, a2, l2, h) => {
   let d = document.documentElement, w = ["light", "dark"];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@select-org/select-post-builder",
-  "version": "1.1.27",
+  "version": "1.1.29",
   "description": "A reusable, extensible Post Builder widget for the Select platform and beyond.",
   "main": "./dist/post-builder.cjs.js",
   "module": "./dist/post-builder.js",