@open-mercato/ui 0.6.5-develop.5048.1.fd82f4ae17 → 0.6.5-develop.5116.1.f0af9e5080

package/.turbo/turbo-build.log

@@ -1,3 +1,3 @@
 Generated lucide registry with 141 icons -> /home/runner/work/open-mercato/open-mercato/packages/ui/src/backend/icons/lucideRegistry.generated.tsx
-[build:ui] found 383 entry points
+[build:ui] found 386 entry points
 [build:ui] built successfully

package/dist/backend/CrudForm.js

@@ -26,7 +26,6 @@ import {
   SelectValue
 } from "../primitives/select.js";
 import { flash } from "./FlashMessages.js";
-import dynamic from "next/dynamic";
 import { FormHeader } from "./forms/FormHeader.js";
 import { FormFooter } from "./forms/FormFooter.js";
 import { Button } from "../primitives/button.js";
@@ -99,6 +98,7 @@ import { InjectedField } from "./injection/InjectedField.js";
 import { evaluateInjectedVisibility } from "./injection/visibility-utils.js";
 import { ComponentReplacementHandles } from "@open-mercato/shared/modules/widgets/component-registry";
 import { RichEditor } from "../primitives/rich-editor.js";
+import MarkdownField from "./inputs/MarkdownField.js";
 const EMPTY_OPTIONS = [];
 const SELECT_CLEAR_SENTINEL = "__crudform_select_clear__";
 const FOCUSABLE_SELECTOR = '[data-crud-focus-target], input:not([type="hidden"]):not([disabled]), textarea:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])';
@@ -2255,8 +2255,8 @@ function CrudForm({
       if (!("type" in f) || f.type === "custom") continue;
       const builtin = f;
       const staticOptions = builtin.options ?? EMPTY_OPTIONS;
-      const dynamic2 = dynamicOptions[f.id];
-      if (dynamic2 && dynamic2.length) {
+      const dynamic = dynamicOptions[f.id];
+      if (dynamic && dynamic.length) {
         const merged = [];
         const seen = /* @__PURE__ */ new Set();
         for (const opt of staticOptions) {
@@ -2264,7 +2264,7 @@ function CrudForm({
           seen.add(opt.value);
           merged.push(opt);
         }
-        for (const opt of dynamic2) {
+        for (const opt of dynamic) {
           if (seen.has(opt.value)) continue;
           seen.add(opt.value);
           merged.push(opt);
@@ -2272,8 +2272,8 @@ function CrudForm({
         map.set(f.id, merged);
       } else if (staticOptions.length) {
         map.set(f.id, staticOptions);
-      } else if (dynamic2) {
-        map.set(f.id, dynamic2);
+      } else if (dynamic) {
+        map.set(f.id, dynamic);
       }
     }
     return map;
@@ -3078,58 +3078,8 @@ function TextAreaInput({
     }
   );
 }
-const MDEditor = dynamic(async () => {
-  const mod = await import("@uiw/react-md-editor");
-  return mod.default;
-}, { ssr: false });
-let markdownPreviewOptionsPromise = null;
-async function loadMarkdownPreviewOptions() {
-  if (!markdownPreviewOptionsPromise) {
-    markdownPreviewOptionsPromise = import("remark-gfm").then((mod) => ({ remarkPlugins: [mod.default ?? mod] })).catch(() => ({}));
-  }
-  return markdownPreviewOptionsPromise;
-}
-const EMPTY_PREVIEW_OPTIONS = {};
 const MarkdownEditor = React.memo(function MarkdownEditor2({ value = "", onChange }) {
-  const containerRef = React.useRef(null);
-  const [local, setLocal] = React.useState(value);
-  const [previewOptions, setPreviewOptions] = React.useState(EMPTY_PREVIEW_OPTIONS);
-  const typingRef = React.useRef(false);
-  React.useEffect(() => {
-    if (!typingRef.current) setLocal(value);
-  }, [value]);
-  React.useEffect(() => {
-    let mounted = true;
-    void loadMarkdownPreviewOptions().then((resolved) => {
-      if (!mounted) return;
-      setPreviewOptions(resolved);
-    });
-    return () => {
-      mounted = false;
-    };
-  }, []);
-  const handleChange = React.useCallback((v) => {
-    typingRef.current = true;
-    setLocal(v ?? "");
-  }, []);
-  const commit = React.useCallback(() => {
-    if (!typingRef.current) return;
-    typingRef.current = false;
-    onChange(local);
-    requestAnimationFrame(() => {
-      const ta = containerRef.current?.querySelector("textarea");
-      ta?.focus();
-    });
-  }, [local, onChange]);
-  return /* @__PURE__ */ jsx("div", { ref: containerRef, "data-color-mode": "light", className: "w-full", onBlur: () => commit(), children: /* @__PURE__ */ jsx(
-    MDEditor,
-    {
-      value: local,
-      height: 220,
-      onChange: handleChange,
-      previewOptions
-    }
-  ) });
+  return /* @__PURE__ */ jsx(MarkdownField, { value, onChange });
 }, (prev, next) => prev.value === next.value);
 const HtmlRichEditorField = React.memo(function HtmlRichEditorField2({ value = "", onChange }) {
   const t = useT();