@sustaina/shared-ui 1.9.2 → 1.9.3

package/dist/index.js

@@ -4355,7 +4355,7 @@ function DialogContent({
       {
         "data-slot": "dialog-content",
         className: cn(
-          "fixed top-1/2 left-1/2 z-50 flex h-[90vh] w-full max-w-[80vw] translate-x-[-50%] translate-y-[-50%] flex-col rounded-lg border bg-background shadow-lg duration-200 sm:max-w-7xl",
+          "fixed top-1/2 left-1/2 z-50 flex min-h-0 max-h-[90vh] w-full max-w-[80vw] translate-x-[-50%] translate-y-[-50%] flex-col rounded-lg border bg-background shadow-lg duration-200 sm:max-w-7xl",
           className
         ),
         ...props,
@@ -5464,7 +5464,6 @@ var theme = {
 var nodes = [richText.HeadingNode, richText.QuoteNode, list.ListNode, list.ListItemNode, link.LinkNode, code.CodeNode, ImageNode];
 var INSERT_IMAGE_COMMAND = lexical.createCommand("INSERT_IMAGE_COMMAND");
 var DEFAULT_IMAGE_ACCEPT = "image/*";
-var defaultPlaceholder = "Start writing\u2026";
 function parseSerializedEditorState(raw) {
   if (!raw) {
     return void 0;
@@ -5512,6 +5511,18 @@ function ToolbarButton({ label, icon: Icon2, onClick, active, disabled }) {
     }
   );
 }
+function placeCaretAfterImage(imageNode) {
+  const nextSibling = imageNode.getNextSibling();
+  if (!nextSibling || $isImageNode(nextSibling)) {
+    const paragraph = lexical.$createParagraphNode();
+    const textNode = lexical.$createTextNode("");
+    paragraph.append(textNode);
+    imageNode.insertAfter(paragraph);
+    textNode.select(0, 0);
+    return;
+  }
+  imageNode.selectNext(0, 0);
+}
 function ToolbarPlugin({
   disabled,
   onImageUpload,
@@ -5927,7 +5938,7 @@ function ToolbarPlugin({
           existingNode.setSrc(payload.src);
           existingNode.setAltText(payload.altText ?? "");
           existingNode.setDimensions(payload.width ?? "inherit", payload.height ?? "inherit");
-          existingNode.selectNext(0, 0);
+          placeCaretAfterImage(existingNode);
           return;
         }
       }
@@ -5938,7 +5949,7 @@ function ToolbarPlugin({
       } else {
         lexical.$insertNodes([imageNode]);
       }
-      imageNode.selectNext(0, 0);
+      placeCaretAfterImage(imageNode);
     });
     closeImageDialog();
   });
@@ -6189,48 +6200,55 @@ function ToolbarPlugin({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: isLinkDialogOpen, onOpenChange: handleLinkDialogOpenChange, children: /* @__PURE__ */ jsxRuntime.jsx(DialogContent, { header: editingExistingLink ? "Edit link" : "Insert link", children: /* @__PURE__ */ jsxRuntime.jsx(Form, { ...linkForm, children: /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "grid gap-4", onSubmit: handleLinkSubmit, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        FormField,
-        {
-          control: linkForm.control,
-          name: "url",
-          rules: { required: "Please enter a URL." },
-          render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(FormItem, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(FormLabel, { children: "URL" }),
-            /* @__PURE__ */ jsxRuntime.jsx(FormControl, { children: /* @__PURE__ */ jsxRuntime.jsx(Input, { placeholder: "https://example.com", ...field }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(FormMessage, {})
-          ] })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        FormField,
-        {
-          control: linkForm.control,
-          name: "label",
-          render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(FormItem, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(FormLabel, { children: "Link label" }),
-            /* @__PURE__ */ jsxRuntime.jsx(FormControl, { children: /* @__PURE__ */ jsxRuntime.jsx(Input, { placeholder: "Display text", ...field }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(FormMessage, {})
+    /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: isLinkDialogOpen, onOpenChange: handleLinkDialogOpenChange, children: /* @__PURE__ */ jsxRuntime.jsx(
+      DialogContent,
+      {
+        className: "min-w-[70vw] max-w-7xl",
+        header: editingExistingLink ? "Edit link" : "Insert link",
+        children: /* @__PURE__ */ jsxRuntime.jsx(Form, { ...linkForm, children: /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "grid gap-4 p-6", onSubmit: handleLinkSubmit, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            FormField,
+            {
+              control: linkForm.control,
+              name: "url",
+              rules: { required: "Please enter a URL." },
+              render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(FormItem, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(FormLabel, { children: "URL" }),
+                /* @__PURE__ */ jsxRuntime.jsx(FormControl, { children: /* @__PURE__ */ jsxRuntime.jsx(Input, { placeholder: "https://example.com", ...field }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(FormMessage, {})
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            FormField,
+            {
+              control: linkForm.control,
+              name: "label",
+              render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(FormItem, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(FormLabel, { children: "Link label" }),
+                /* @__PURE__ */ jsxRuntime.jsx(FormControl, { children: /* @__PURE__ */ jsxRuntime.jsx(Input, { placeholder: "Display text", ...field }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(FormMessage, {})
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { className: "pt-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "cancel", onClick: closeLinkDialog, children: "Cancel" }),
+            editingExistingLink ? /* @__PURE__ */ jsxRuntime.jsx(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                onClick: handleRemoveLink,
+                className: "text-destructive",
+                children: "Remove link"
+              }
+            ) : null,
+            /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", children: "Save link" })
           ] })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { className: "pt-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "cancel", onClick: closeLinkDialog, children: "Cancel" }),
-        editingExistingLink ? /* @__PURE__ */ jsxRuntime.jsx(
-          Button,
-          {
-            type: "button",
-            variant: "ghost",
-            onClick: handleRemoveLink,
-            className: "text-destructive",
-            children: "Remove link"
-          }
-        ) : null,
-        /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", children: "Save link" })
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: isImageDialogOpen, onOpenChange: handleImageDialogOpenChange, children: /* @__PURE__ */ jsxRuntime.jsx(DialogContent, { header: editingExistingImage ? "Edit image" : "Insert image", children: /* @__PURE__ */ jsxRuntime.jsx(Form, { ...imageForm, children: /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "grid gap-4", onSubmit: handleImageSubmit, children: [
+        ] }) })
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: isImageDialogOpen, onOpenChange: handleImageDialogOpenChange, children: /* @__PURE__ */ jsxRuntime.jsx(DialogContent, { header: editingExistingImage ? "Edit image" : "Insert image", children: /* @__PURE__ */ jsxRuntime.jsx(Form, { ...imageForm, children: /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "grid gap-4 p-6", onSubmit: handleImageSubmit, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         FormField,
         {
@@ -6345,6 +6363,7 @@ function ImagesPlugin() {
         editor.update(() => {
           const imageNode = $createImageNode(payload);
           lexical.$insertNodes([imageNode]);
+          placeCaretAfterImage(imageNode);
         });
         return true;
       },
@@ -6358,7 +6377,7 @@ var RichText = React6.forwardRef(function RichText2({
   defaultValue,
   onChange,
   onHtmlChange,
-  placeholder: placeholder3 = defaultPlaceholder,
+  placeholder: placeholder3,
   readOnly,
   disabled,
   editorClassName,
@@ -6446,7 +6465,7 @@ var RichText = React6.forwardRef(function RichText2({
                   )
                 }
               ),
-              placeholder: /* @__PURE__ */ jsxRuntime.jsx(Placeholder, { placeholder: placeholder3 }),
+              placeholder: /* @__PURE__ */ jsxRuntime.jsx(Placeholder, { placeholder: placeholder3 || "" }),
               ErrorBoundary: LexicalErrorBoundary.LexicalErrorBoundary
             }
           ),