@tecof/theme-editor 0.0.9 → 0.0.12

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import * as React__default from 'react';
 import React__default__default, { createContext, memo, forwardRef, createElement, useRef, useContext, useState, useCallback, useEffect, useMemo, useLayoutEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { fieldsPlugin, Puck, Render } from '@puckeditor/core';
+import { fieldsPlugin, Puck, Render, FieldLabel } from '@puckeditor/core';
 import { useEditor, EditorContent } from '@tiptap/react';
 import Document from '@tiptap/extension-document';
 import Paragraph from '@tiptap/extension-paragraph';
@@ -26,9 +26,10 @@ import ReactDOM__default from 'react-dom';
 
 // src/api.ts
 var TecofApiClient = class {
-  constructor(apiUrl, secretKey) {
+  constructor(apiUrl, secretKey, customCdnUrl) {
     this.apiUrl = apiUrl.replace(/\/+$/, "");
     this.secretKey = secretKey;
+    this.customCdnUrl = customCdnUrl ? customCdnUrl.replace(/\/+$/, "") : void 0;
   }
   get headers() {
     return {
@@ -189,20 +190,21 @@ var TecofApiClient = class {
       };
     }
   }
-  /** CDN base URL (derived from apiUrl) */
+  /** CDN base URL (defaults to apiUrl if not set) */
   get cdnUrl() {
-    return this.apiUrl;
+    return this.customCdnUrl || this.apiUrl;
   }
 };
 var TecofContext = createContext(null);
-var TecofProvider = ({ apiUrl, secretKey, children }) => {
+var TecofProvider = ({ apiUrl, secretKey, cdnUrl, children }) => {
   const value = useMemo(
     () => ({
-      apiClient: new TecofApiClient(apiUrl, secretKey),
+      apiClient: new TecofApiClient(apiUrl, secretKey, cdnUrl),
       secretKey,
-      apiUrl
+      apiUrl,
+      cdnUrl
     }),
-    [apiUrl, secretKey]
+    [apiUrl, secretKey, cdnUrl]
   );
   return /* @__PURE__ */ jsx(TecofContext.Provider, { value, children });
 };
@@ -1007,7 +1009,7 @@ var createLanguageField = (options = {}) => {
     label,
     labelIcon,
     visible,
-    render: ({ value, onChange, readOnly, field, name: name3, id }) => /* @__PURE__ */ jsx(
+    render: ({ value, onChange, readOnly, field, name: name3, id }) => /* @__PURE__ */ jsx(FieldLabel, { label: label || "", icon: labelIcon, readOnly, children: /* @__PURE__ */ jsx(
       LanguageField,
       {
         field,
@@ -1018,7 +1020,7 @@ var createLanguageField = (options = {}) => {
         readOnly,
         ...fieldOptions
       }
-    )
+    ) })
   };
 };
 var createExtensions = () => [
@@ -1297,7 +1299,7 @@ var createEditorField = (options = {}) => {
     label,
     labelIcon,
     visible,
-    render: ({ value, onChange, readOnly, field, name: name3, id }) => /* @__PURE__ */ jsx(
+    render: ({ value, onChange, readOnly, field, name: name3, id }) => /* @__PURE__ */ jsx(FieldLabel, { label: label || "", icon: labelIcon, readOnly, children: /* @__PURE__ */ jsx(
       EditorField,
       {
         field,
@@ -1308,7 +1310,7 @@ var createEditorField = (options = {}) => {
         readOnly,
         ...fieldOptions
       }
-    )
+    ) })
   };
 };
 
@@ -20772,6 +20774,8 @@ var Root = Dialog;
 var Portal2 = DialogPortal;
 var Overlay = DialogOverlay;
 var Content = DialogContent;
+var Title = DialogTitle;
+var Description = DialogDescription;
 function __insertCSS(code) {
   if (typeof document == "undefined") return;
   let head = document.head || document.getElementsByTagName("head")[0];
@@ -22233,7 +22237,10 @@ var Drawer = {
   Root: Root2,
   Content: Content2,
   Overlay: Overlay2,
-  Portal: Portal3};
+  Portal: Portal3,
+  Title,
+  Description
+};
 registerPlugin(
   filepond_plugin_file_validate_size_esm_default,
   filepond_plugin_file_validate_type_esm_default,
@@ -22676,6 +22683,8 @@ var UploadField = ({
     }, children: /* @__PURE__ */ jsxs(Drawer.Portal, { children: [
       /* @__PURE__ */ jsx(Drawer.Overlay, { className: "tecof-upload-drawer-overlay" }),
       /* @__PURE__ */ jsxs(Drawer.Content, { className: "tecof-upload-drawer-content", children: [
+        /* @__PURE__ */ jsx(Drawer.Title, { className: "tecof-sr-only", children: "Medya Y\xF6neticisi" }),
+        /* @__PURE__ */ jsx(Drawer.Description, { className: "tecof-sr-only", children: "Sunucudaki dosyalardan birini se\xE7in veya yeni dosya y\xFCkleyin" }),
         /* @__PURE__ */ jsx("div", { className: "tecof-upload-drawer-handle" }),
         /* @__PURE__ */ jsxs("div", { className: "tecof-upload-drawer-inner", children: [
           /* @__PURE__ */ jsxs("div", { className: "tecof-upload-drawer-header", children: [
@@ -22769,7 +22778,7 @@ var createUploadField = (options = {}) => {
     label,
     labelIcon,
     visible,
-    render: ({ value, onChange, readOnly, field, name: name3, id }) => /* @__PURE__ */ jsx(
+    render: ({ value, onChange, readOnly, field, name: name3, id }) => /* @__PURE__ */ jsx(FieldLabel, { label: label || "", icon: labelIcon, readOnly, children: /* @__PURE__ */ jsx(
       UploadField,
       {
         field,
@@ -22780,7 +22789,7 @@ var createUploadField = (options = {}) => {
         readOnly,
         ...fieldOptions
       }
-    )
+    ) })
   };
 };
 
@@ -23458,7 +23467,7 @@ var createCodeEditorField = (options = {}) => {
     label,
     labelIcon,
     visible,
-    render: ({ value, onChange, readOnly, field, name: name3, id }) => /* @__PURE__ */ jsx(
+    render: ({ value, onChange, readOnly, field, name: name3, id }) => /* @__PURE__ */ jsx(FieldLabel, { label: label || "", icon: labelIcon, readOnly, children: /* @__PURE__ */ jsx(
       CodeEditorField,
       {
         field,
@@ -23469,7 +23478,7 @@ var createCodeEditorField = (options = {}) => {
         readOnly,
         ...fieldOptions
       }
-    )
+    ) })
   };
 };
 var LinkField = ({
@@ -23608,6 +23617,8 @@ var LinkField = ({
     /* @__PURE__ */ jsx(Drawer.Root, { open: drawerOpen, onOpenChange: setDrawerOpen, children: /* @__PURE__ */ jsxs(Drawer.Portal, { children: [
       /* @__PURE__ */ jsx(Drawer.Overlay, { className: "tecof-link-drawer-overlay" }),
       /* @__PURE__ */ jsxs(Drawer.Content, { className: "tecof-link-drawer-content", children: [
+        /* @__PURE__ */ jsx(Drawer.Title, { className: "tecof-sr-only", children: "Ba\u011Flant\u0131 Sayfas\u0131 Se\xE7ici" }),
+        /* @__PURE__ */ jsx(Drawer.Description, { className: "tecof-sr-only", children: "Sayfa listesinden se\xE7im yap\u0131n veya arama yap\u0131n" }),
         /* @__PURE__ */ jsxs("div", { className: "tecof-link-drawer-header", children: [
           /* @__PURE__ */ jsx("h2", { className: "tecof-link-drawer-title", children: "Sayfa Se\xE7" }),
           /* @__PURE__ */ jsx("button", { className: "tecof-link-drawer-close-btn", onClick: () => setDrawerOpen(false), children: /* @__PURE__ */ jsx(X, { size: 16 }) })
@@ -23659,18 +23670,18 @@ var createLinkField = (options = {}) => {
     label,
     labelIcon,
     visible,
-    render: ({ value, onChange, readOnly, field, name: name3, id }) => /* @__PURE__ */ jsx(
+    render: ({ value, onChange, readOnly, field, name: name3, id }) => /* @__PURE__ */ jsx(FieldLabel, { label: label || "", icon: labelIcon, readOnly, children: /* @__PURE__ */ jsx(
       LinkField,
       {
         field,
         name: name3,
         id,
-        value: value || null,
+        value: value || { url: "" },
         onChange,
         readOnly,
         ...fieldOptions
       }
-    )
+    ) })
   };
 };
 var PRESET_COLORS = [
@@ -23934,7 +23945,7 @@ var createColorField = (options = {}) => {
     label,
     labelIcon,
     visible,
-    render: ({ value, onChange, readOnly, field, name: name3, id }) => /* @__PURE__ */ jsx(
+    render: ({ value, onChange, readOnly, field, name: name3, id }) => /* @__PURE__ */ jsx(FieldLabel, { label: label || "", icon: labelIcon, readOnly, children: /* @__PURE__ */ jsx(
       ColorField,
       {
         field,
@@ -23945,7 +23956,7 @@ var createColorField = (options = {}) => {
         readOnly,
         ...fieldOptions
       }
-    )
+    ) })
   };
 };