@tecof/theme-editor 0.0.13 → 0.0.14

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import * as React__default from 'react';
-import React__default__default, { createContext, memo, forwardRef, createElement, useRef, useContext, useState, useCallback, useEffect, useMemo, useLayoutEffect } from 'react';
+import React__default__default, { createContext, memo, forwardRef, createElement, useRef, useCallback, useContext, useState, useEffect, useMemo, useLayoutEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { fieldsPlugin, Puck, Render, FieldLabel } from '@puckeditor/core';
 import { useEditor, EditorContent } from '@tiptap/react';
@@ -22312,9 +22312,8 @@ var FileItemRenderer = ({
         data: file2,
         alt: file2.meta?.originalName || file2.name,
         size: "thumbnail",
-        fill: true,
         className: "tecof-upload-file-thumb",
-        imgStyle: { objectFit: "cover", borderRadius: "10px" }
+        imgStyle: { width: "100%", height: "100%", objectFit: "cover", borderRadius: "10px" }
       }
     ) : /* @__PURE__ */ jsx("div", { className: "tecof-upload-file-icon", children: /* @__PURE__ */ jsx(File2, { size: 20 }) }),
     /* @__PURE__ */ jsxs("div", { className: "tecof-upload-file-info", children: [
@@ -22756,9 +22755,8 @@ var UploadField = ({
                       data: file2,
                       alt: file2.name,
                       size: "thumbnail",
-                      fill: true,
                       className: "tecof-upload-gallery-thumb",
-                      imgStyle: { objectFit: "cover", borderRadius: "6px" }
+                      imgStyle: { width: "100%", height: "100%", objectFit: "cover", borderRadius: "6px" }
                     }
                   ) : /* @__PURE__ */ jsx("div", { className: "tecof-upload-gallery-thumb tecof-upload-gallery-file-icon-wrap", children: /* @__PURE__ */ jsx(File2, { size: 24, color: "#a1a1aa" }) }),
                   /* @__PURE__ */ jsx("p", { className: "tecof-upload-gallery-file-name", children: file2.meta?.originalName || file2.name })
@@ -23437,9 +23435,15 @@ var CodeEditorField = forwardRef(({
   theme = "vs-dark"
 }, ref) => {
   const editorRef = useRef(null);
-  const handleEditorDidMount = (editor2) => {
+  const onChangeRef = useRef(onChange);
+  onChangeRef.current = onChange;
+  const handleEditorDidMount = useCallback((editor2) => {
     editorRef.current = editor2;
-  };
+    editor2.onDidChangeModelContent(() => {
+      const newValue = editor2.getValue();
+      onChangeRef.current(newValue);
+    });
+  }, []);
   return /* @__PURE__ */ jsx("div", { ref, className: "tecof-code-editor-container", children: /* @__PURE__ */ jsx(
     Ft,
     {
@@ -23448,8 +23452,7 @@ var CodeEditorField = forwardRef(({
       width: "100%",
       height,
       defaultLanguage,
-      value: value || "",
-      onChange: (val) => onChange(val || ""),
+      defaultValue: value || "",
       options: {
         readOnly,
         minimap: { enabled: false },