inconel 0.1.42 → 0.1.44

package/dist/components/RichTextEditor/RichTextEditor.js

@@ -1,75 +1,76 @@
-import { jsxs as c, jsx as n } from "react/jsx-runtime";
-import { useId as ye, useRef as O, useState as p, useEffect as ge, useCallback as _e } from "react";
-import Ce from "../FieldFeedback/FieldFeedback.js";
+import { jsxs as s, jsx as l } from "react/jsx-runtime";
+import { useId as Ne, useRef as O, useState as h, useEffect as we, useCallback as Le, Fragment as ne } from "react";
+import Te from "../FieldFeedback/FieldFeedback.js";
 /* empty css                  */
 /* empty css           */
 import { icons as a } from "./icons.js";
-import { sanitizeHtml as v } from "./sanitize.js";
-const ke = [
+import { sanitizeHtml as C } from "./sanitize.js";
+const xe = [
   { tag: "p", label: "Paragraf" },
   { tag: "h1", label: "Başlık 1" },
   { tag: "h2", label: "Başlık 2" },
   { tag: "h3", label: "Başlık 3" },
   { tag: "blockquote", label: "Alıntı" }
-], ve = [12, 14, 16, 18, 24, 32], Ne = /* @__PURE__ */ new Set(["justifyLeft", "justifyCenter", "justifyRight", "justifyFull"]), Se = (m) => new Promise((h, S) => {
-  const o = new FileReader();
-  o.onload = () => h(String(o.result)), o.onerror = () => S(o.error), o.readAsDataURL(m);
+], Ee = [12, 14, 16, 18, 24, 32], Be = /* @__PURE__ */ new Set(["justifyLeft", "justifyCenter", "justifyRight", "justifyFull"]), Re = (m) => new Promise((b, S) => {
+  const i = new FileReader();
+  i.onload = () => b(String(i.result)), i.onerror = () => S(i.error), i.readAsDataURL(m);
 });
-function N({ label: m, onClick: h, disabled: S, active: o, children: j }) {
-  return /* @__PURE__ */ n(
+function R({ label: m, onClick: b, disabled: S, active: i, children: E }) {
+  return /* @__PURE__ */ l(
     "button",
     {
       type: "button",
-      className: `inconel-rte__btn${o ? " inconel-is-active" : ""}`,
+      className: `inconel-rte__btn${i ? " inconel-is-active" : ""}`,
       "aria-label": m,
       title: m,
-      "aria-pressed": o,
+      "aria-pressed": i,
       disabled: S,
-      onMouseDown: (R) => R.preventDefault(),
-      onClick: h,
-      children: j
+      onMouseDown: (j) => j.preventDefault(),
+      onClick: b,
+      children: E
     }
   );
 }
-function Re({
+function Ie({
   value: m = "",
-  onChange: h,
+  onChange: b,
   onBlur: S,
-  label: o,
-  placeholder: j,
-  id: R,
-  disabled: y = !1,
+  label: i,
+  placeholder: E,
+  id: j,
+  disabled: p = !1,
   required: U,
-  fullWidth: ne = !0,
-  className: le,
+  fullWidth: le = !0,
+  className: ae,
   minHeight: A = 200,
   onImageUpload: G,
   onRequestMedia: P,
+  excludeTools: re = [],
   hint: $,
-  errorMessage: w
+  errorMessage: v
 }) {
-  const ae = ye(), T = R ?? `inconel-rte-${ae.replace(/:/g, "")}`, q = `${T}-hint`, W = `${T}-error`, u = O(null), M = O(null), L = O(null), [f, re] = p(!1), [K, Y] = p(""), [s, x] = p(null), [J, Z] = p(""), [ie, oe] = p({}), [se, F] = p(!m), [ce, Q] = p(!1), [C, V] = p({ rows: 3, cols: 3 });
-  ge(() => {
-    const e = u.current;
-    if (!e || m === L.current) return;
-    const t = v(m);
-    e.innerHTML !== t && (e.innerHTML = t), L.current = m, F(!e.textContent && !e.querySelector("img"));
+  const oe = Ne(), N = j ?? `inconel-rte-${oe.replace(/:/g, "")}`, q = `${N}-hint`, W = `${N}-error`, d = O(null), F = O(null), w = O(null), [f, ie] = h(!1), [K, J] = h(""), [u, L] = h(null), [Y, Z] = h(""), [se, ce] = h({}), [de, M] = h(!m), [ue, Q] = h(!1), [k, V] = h({ rows: 3, cols: 3 });
+  we(() => {
+    const e = d.current;
+    if (!e || m === w.current) return;
+    const t = C(m);
+    e.innerHTML !== t && (e.innerHTML = t), w.current = m, M(!e.textContent && !e.querySelector("img"));
   }, [m, f]);
-  const g = _e(() => {
-    const e = u.current;
+  const g = Le(() => {
+    const e = d.current;
     if (!e) return;
-    const t = !!e.textContent || !!e.querySelector("img"), l = t ? v(e.innerHTML) : "";
-    F(!t), L.current = l, h?.(l);
-  }, [h]), b = () => {
-    const e = window.getSelection(), t = u.current;
-    e && e.rangeCount > 0 && t?.contains(e.getRangeAt(0).commonAncestorContainer) && (M.current = e.getRangeAt(0).cloneRange());
+    const t = !!e.textContent || !!e.querySelector("img"), n = t ? C(e.innerHTML) : "";
+    M(!t), w.current = n, b?.(n);
+  }, [b]), y = () => {
+    const e = window.getSelection(), t = d.current;
+    e && e.rangeCount > 0 && t?.contains(e.getRangeAt(0).commonAncestorContainer) && (F.current = e.getRangeAt(0).cloneRange());
   }, B = () => {
-    u.current?.focus();
+    d.current?.focus();
     const e = window.getSelection();
-    e && M.current && (e.removeAllRanges(), e.addRange(M.current));
+    e && F.current && (e.removeAllRanges(), e.addRange(F.current));
   }, X = () => {
-    const e = window.getSelection()?.anchorNode, l = (e instanceof Element ? e : e?.parentElement)?.closest("td, th") ?? null;
-    return l && u.current?.contains(l) ? l : null;
+    const e = window.getSelection()?.anchorNode, n = (e instanceof Element ? e : e?.parentElement)?.closest("td, th") ?? null;
+    return n && d.current?.contains(n) ? n : null;
   }, D = () => {
     Q(!!X());
     const e = (t) => {
@@ -79,7 +80,7 @@ function Re({
         return !1;
       }
     };
-    oe({
+    ce({
       bold: e("bold"),
       italic: e("italic"),
       underline: e("underline"),
@@ -91,256 +92,256 @@ function Re({
       insertUnorderedList: e("insertUnorderedList"),
       insertOrderedList: e("insertOrderedList")
     });
-  }, E = (e, t) => {
-    B(), document.execCommand("styleWithCSS", !1, Ne.has(e) ? "true" : "false"), document.execCommand(e, !1, t), b(), D(), g();
-  }, de = (e) => {
-    B(), document.execCommand("styleWithCSS", !1, "false"), document.execCommand("fontSize", !1, "7"), u.current?.querySelectorAll('font[size="7"]').forEach((t) => {
-      const l = document.createElement("span");
-      l.style.fontSize = `${e}px`, l.append(...Array.from(t.childNodes)), t.replaceWith(l);
-    }), b(), g();
-  }, ue = (e) => {
+  }, T = (e, t) => {
+    B(), document.execCommand("styleWithCSS", !1, Be.has(e) ? "true" : "false"), document.execCommand(e, !1, t), y(), D(), g();
+  }, me = (e) => {
+    B(), document.execCommand("styleWithCSS", !1, "false"), document.execCommand("fontSize", !1, "7"), d.current?.querySelectorAll('font[size="7"]').forEach((t) => {
+      const n = document.createElement("span");
+      n.style.fontSize = `${e}px`, n.append(...Array.from(t.childNodes)), t.replaceWith(n);
+    }), y(), g();
+  }, fe = (e) => {
     B();
-    const t = X(), l = t?.parentElement, i = t?.closest("table");
-    if (!t || !l || !i) return;
-    const I = t.cellIndex, te = (d) => {
-      const k = document.createElement(d.tagName);
-      return k.innerHTML = "<br>", k;
+    const t = X(), n = t?.parentElement, o = t?.closest("table");
+    if (!t || !n || !o) return;
+    const I = t.cellIndex, te = (c) => {
+      const _ = document.createElement(c.tagName);
+      return _.innerHTML = "<br>", _;
     };
     if (e === "addRow") {
-      const d = document.createElement("tr");
-      Array.from(l.cells).forEach((k) => d.append(te(k.tagName === "TH" ? document.createElement("td") : k))), l.parentElement?.tagName === "THEAD" ? (i.tBodies[0] ?? i.appendChild(document.createElement("tbody"))).prepend(d) : l.after(d);
-    } else e === "delRow" ? (l.remove(), i.rows.length || i.remove()) : e === "addCol" ? Array.from(i.rows).forEach((d) => d.cells[I]?.after(te(d.cells[I]))) : e === "delCol" ? (Array.from(i.rows).forEach((d) => d.cells[I]?.remove()), Array.from(i.rows).some((d) => d.cells.length) || i.remove()) : i.remove();
+      const c = document.createElement("tr");
+      Array.from(n.cells).forEach((_) => c.append(te(_.tagName === "TH" ? document.createElement("td") : _))), n.parentElement?.tagName === "THEAD" ? (o.tBodies[0] ?? o.appendChild(document.createElement("tbody"))).prepend(c) : n.after(c);
+    } else e === "delRow" ? (n.remove(), o.rows.length || o.remove()) : e === "addCol" ? Array.from(o.rows).forEach((c) => c.cells[I]?.after(te(c.cells[I]))) : e === "delCol" ? (Array.from(o.rows).forEach((c) => c.cells[I]?.remove()), Array.from(o.rows).some((c) => c.cells.length) || o.remove()) : o.remove();
     Q(!1), g();
-  }, me = () => {
-    const e = Math.min(Math.max(C.rows, 1), 20), t = Math.min(Math.max(C.cols, 1), 10), i = `<tr>${"<td><br></td>".repeat(t)}</tr>`.repeat(e);
+  }, ye = () => {
+    const e = Math.min(Math.max(k.rows, 1), 20), t = Math.min(Math.max(k.cols, 1), 10), o = `<tr>${"<td><br></td>".repeat(t)}</tr>`.repeat(e);
     ee(
-      `<table border="1" width="100%" cellspacing="0" cellpadding="6"><tbody>${i}</tbody></table><p><br></p>`
-    ), x(null);
+      `<table border="1" width="100%" cellspacing="0" cellpadding="6"><tbody>${o}</tbody></table><p><br></p>`
+    ), L(null);
   }, ee = (e) => {
-    B(), document.execCommand("insertHTML", !1, v(e)), b(), g();
-  }, H = (e) => {
-    b(), Z(""), x(s === e ? null : e);
+    B(), document.execCommand("insertHTML", !1, C(e)), y(), g();
+  }, he = (e) => {
+    y(), Z(""), L(u === e ? null : e);
   }, z = () => {
-    if (s === "table") {
-      me();
+    if (u === "table") {
+      ye();
       return;
     }
-    const e = J.trim();
-    e && (s === "link" ? (E("createLink", e), u.current?.querySelectorAll("a").forEach((t) => {
+    const e = Y.trim();
+    e && (u === "link" ? (T("createLink", e), d.current?.querySelectorAll("a").forEach((t) => {
       /^https?:/i.test(t.getAttribute("href") ?? "") && (t.setAttribute("target", "_blank"), t.setAttribute("rel", "noopener noreferrer"));
-    }), g()) : s === "image" && E("insertImage", e), x(null));
-  }, fe = async (e) => {
+    }), g()) : u === "image" && T("insertImage", e), L(null));
+  }, be = async (e) => {
     const t = e.target.files?.[0];
     if (e.target.value = "", !t || !t.type.startsWith("image/")) return;
-    const l = G ? await G(t) : await Se(t);
-    E("insertImage", l), x(null);
-  }, be = (e) => {
+    const n = G ? await G(t) : await Re(t);
+    T("insertImage", n), L(null);
+  }, pe = (e) => {
     const t = e.clipboardData.getData("text/html");
-    t && (e.preventDefault(), document.execCommand("insertHTML", !1, v(t)), g());
-  }, pe = () => {
+    t && (e.preventDefault(), document.execCommand("insertHTML", !1, C(t)), g());
+  }, ge = () => {
     if (f) {
-      const e = v(K);
-      L.current = null, u.current && (u.current.innerHTML = e), L.current = e, F(!e), h?.(e);
+      const e = C(K);
+      w.current = null, d.current && (d.current.innerHTML = e), w.current = e, M(!e), b?.(e);
     } else
-      Y(v(u.current?.innerHTML ?? ""));
-    x(null), re(!f);
-  }, he = [$ && !w ? q : void 0, w ? W : void 0].filter(Boolean).join(" ") || void 0, _ = y || f, r = (e, t, l, i) => /* @__PURE__ */ n(
-    N,
+      J(C(d.current?.innerHTML ?? ""));
+    L(null), ie(!f);
+  }, ke = [$ && !v ? q : void 0, v ? W : void 0].filter(Boolean).join(" ") || void 0, x = p || f, r = (e, t, n, o) => /* @__PURE__ */ l(
+    R,
     {
       label: t,
-      active: ie[e],
-      disabled: _,
-      onClick: () => E(e, i),
-      children: l
+      active: se[e],
+      disabled: x,
+      onClick: () => T(e, o),
+      children: n
     }
-  );
-  return /* @__PURE__ */ c(
+  ), _e = /* @__PURE__ */ s(
+    "select",
+    {
+      className: "inconel-rte__select",
+      "aria-label": "Biçim",
+      disabled: x,
+      value: "",
+      onChange: (e) => {
+        e.target.value && T("formatBlock", e.target.value);
+      },
+      children: [
+        /* @__PURE__ */ l("option", { value: "", children: "Biçim" }),
+        xe.map((e) => /* @__PURE__ */ l("option", { value: e.tag, children: e.label }, e.tag))
+      ]
+    }
+  ), Ce = /* @__PURE__ */ s(
+    "select",
+    {
+      className: "inconel-rte__select",
+      "aria-label": "Yazı boyutu",
+      disabled: x,
+      value: "",
+      onChange: (e) => {
+        e.target.value && me(Number(e.target.value));
+      },
+      children: [
+        /* @__PURE__ */ l("option", { value: "", children: "Boyut" }),
+        Ee.map((e) => /* @__PURE__ */ s("option", { value: e, children: [
+          e,
+          "px"
+        ] }, e))
+      ]
+    }
+  ), H = (e, t, n) => /* @__PURE__ */ l(
+    R,
+    {
+      label: e,
+      disabled: x,
+      active: u === t,
+      onClick: () => he(t),
+      children: n
+    }
+  ), Se = new Set(re), ve = [
+    [
+      { key: "bold", node: r("bold", "Kalın", a.bold) },
+      { key: "italic", node: r("italic", "İtalik", a.italic) },
+      { key: "underline", node: r("underline", "Altı çizili", a.underline) },
+      { key: "strikethrough", node: r("strikeThrough", "Üstü çizili", a.strike) }
+    ],
+    [
+      { key: "blockFormat", node: _e },
+      { key: "fontSize", node: Ce }
+    ],
+    [
+      { key: "alignLeft", node: r("justifyLeft", "Sola hizala", a.alignLeft) },
+      { key: "alignCenter", node: r("justifyCenter", "Ortala", a.alignCenter) },
+      { key: "alignRight", node: r("justifyRight", "Sağa hizala", a.alignRight) },
+      { key: "alignJustify", node: r("justifyFull", "İki yana yasla", a.alignJustify) }
+    ],
+    [
+      { key: "unorderedList", node: r("insertUnorderedList", "Madde işaretli liste", a.listUl) },
+      { key: "orderedList", node: r("insertOrderedList", "Numaralı liste", a.listOl) },
+      { key: "outdent", node: r("outdent", "Girintiyi azalt", a.outdent) },
+      { key: "indent", node: r("indent", "Girintiyi artır", a.indent) },
+      { key: "clearFormat", node: r("removeFormat", "Biçimi temizle", a.clearFormat) }
+    ],
+    [
+      { key: "link", node: H("Bağlantı ekle", "link", a.link) },
+      { key: "table", node: H("Tablo ekle", "table", a.table) },
+      { key: "image", node: H("Görsel ekle", "image", a.image) },
+      ...P ? [
+        {
+          key: "media",
+          node: /* @__PURE__ */ l(
+            R,
+            {
+              label: "Medya galerisi",
+              disabled: x,
+              onClick: () => {
+                y(), P(ee);
+              },
+              children: a.gallery
+            }
+          )
+        }
+      ] : []
+    ],
+    [
+      { key: "undo", node: r("undo", "Geri al", a.undo) },
+      { key: "redo", node: r("redo", "Yinele", a.redo) },
+      {
+        key: "source",
+        node: /* @__PURE__ */ l(
+          R,
+          {
+            label: "HTML kaynağı",
+            disabled: p,
+            active: f,
+            onClick: ge,
+            children: a.code
+          }
+        )
+      }
+    ]
+  ].map((e) => e.filter((t) => !Se.has(t.key))).filter((e) => e.length > 0);
+  return /* @__PURE__ */ s(
     "div",
     {
       className: [
         "inconel-field",
-        ne ? "inconel-field--full-width" : "",
-        le ?? ""
+        le ? "inconel-field--full-width" : "",
+        ae ?? ""
       ].join(" "),
       children: [
-        o && /* @__PURE__ */ c("label", { className: "inconel-field__label", htmlFor: T, children: [
-          o,
-          U && /* @__PURE__ */ n("span", { "aria-hidden": "true", children: " *" })
+        i && /* @__PURE__ */ s("label", { className: "inconel-field__label", htmlFor: N, children: [
+          i,
+          U && /* @__PURE__ */ l("span", { "aria-hidden": "true", children: " *" })
         ] }),
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ s(
           "div",
           {
             className: [
               "inconel-rte",
-              w ? "inconel-is-invalid" : "",
-              y ? "inconel-is-disabled" : ""
+              v ? "inconel-is-invalid" : "",
+              p ? "inconel-is-disabled" : ""
             ].join(" "),
             children: [
-              /* @__PURE__ */ c("div", { className: "inconel-rte__toolbar", role: "toolbar", "aria-label": "Biçimlendirme", children: [
-                r("bold", "Kalın", a.bold),
-                r("italic", "İtalik", a.italic),
-                r("underline", "Altı çizili", a.underline),
-                r("strikeThrough", "Üstü çizili", a.strike),
-                /* @__PURE__ */ n("span", { className: "inconel-rte__sep" }),
-                /* @__PURE__ */ c(
-                  "select",
-                  {
-                    className: "inconel-rte__select",
-                    "aria-label": "Biçim",
-                    disabled: _,
-                    value: "",
-                    onChange: (e) => {
-                      e.target.value && E("formatBlock", e.target.value);
-                    },
-                    children: [
-                      /* @__PURE__ */ n("option", { value: "", children: "Biçim" }),
-                      ke.map((e) => /* @__PURE__ */ n("option", { value: e.tag, children: e.label }, e.tag))
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ c(
-                  "select",
-                  {
-                    className: "inconel-rte__select",
-                    "aria-label": "Yazı boyutu",
-                    disabled: _,
-                    value: "",
-                    onChange: (e) => {
-                      e.target.value && de(Number(e.target.value));
-                    },
-                    children: [
-                      /* @__PURE__ */ n("option", { value: "", children: "Boyut" }),
-                      ve.map((e) => /* @__PURE__ */ c("option", { value: e, children: [
-                        e,
-                        "px"
-                      ] }, e))
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ n("span", { className: "inconel-rte__sep" }),
-                r("justifyLeft", "Sola hizala", a.alignLeft),
-                r("justifyCenter", "Ortala", a.alignCenter),
-                r("justifyRight", "Sağa hizala", a.alignRight),
-                r("justifyFull", "İki yana yasla", a.alignJustify),
-                /* @__PURE__ */ n("span", { className: "inconel-rte__sep" }),
-                r("insertUnorderedList", "Madde işaretli liste", a.listUl),
-                r("insertOrderedList", "Numaralı liste", a.listOl),
-                r("outdent", "Girintiyi azalt", a.outdent),
-                r("indent", "Girintiyi artır", a.indent),
-                r("removeFormat", "Biçimi temizle", a.clearFormat),
-                /* @__PURE__ */ n("span", { className: "inconel-rte__sep" }),
-                /* @__PURE__ */ n(
-                  N,
-                  {
-                    label: "Bağlantı ekle",
-                    disabled: _,
-                    active: s === "link",
-                    onClick: () => H("link"),
-                    children: a.link
-                  }
-                ),
-                /* @__PURE__ */ n(
-                  N,
-                  {
-                    label: "Tablo ekle",
-                    disabled: _,
-                    active: s === "table",
-                    onClick: () => H("table"),
-                    children: a.table
-                  }
-                ),
-                /* @__PURE__ */ n(
-                  N,
-                  {
-                    label: "Görsel ekle",
-                    disabled: _,
-                    active: s === "image",
-                    onClick: () => H("image"),
-                    children: a.image
-                  }
-                ),
-                P && /* @__PURE__ */ n(
-                  N,
-                  {
-                    label: "Medya galerisi",
-                    disabled: _,
-                    onClick: () => {
-                      b(), P(ee);
-                    },
-                    children: a.gallery
-                  }
-                ),
-                /* @__PURE__ */ n("span", { className: "inconel-rte__sep" }),
-                r("undo", "Geri al", a.undo),
-                r("redo", "Yinele", a.redo),
-                /* @__PURE__ */ n(
-                  N,
-                  {
-                    label: "HTML kaynağı",
-                    disabled: y,
-                    active: f,
-                    onClick: pe,
-                    children: a.code
-                  }
-                )
-              ] }),
-              s === "table" && !f && /* @__PURE__ */ c("div", { className: "inconel-rte__panel", children: [
-                /* @__PURE__ */ c("label", { className: "inconel-rte__field", children: [
+              /* @__PURE__ */ l("div", { className: "inconel-rte__toolbar", role: "toolbar", "aria-label": "Biçimlendirme", children: ve.map((e, t) => /* @__PURE__ */ s(ne, { children: [
+                t > 0 && /* @__PURE__ */ l("span", { className: "inconel-rte__sep" }),
+                e.map((n) => /* @__PURE__ */ l(ne, { children: n.node }, n.key))
+              ] }, t)) }),
+              u === "table" && !f && /* @__PURE__ */ s("div", { className: "inconel-rte__panel", children: [
+                /* @__PURE__ */ s("label", { className: "inconel-rte__field", children: [
                   "Satır",
-                  /* @__PURE__ */ n(
+                  /* @__PURE__ */ l(
                     "input",
                     {
                       type: "number",
                       min: 1,
                       max: 20,
                       className: "inconel-rte__input inconel-rte__input--num",
-                      value: C.rows,
-                      onChange: (e) => V({ ...C, rows: Number(e.target.value) })
+                      value: k.rows,
+                      onChange: (e) => V({ ...k, rows: Number(e.target.value) })
                     }
                   )
                 ] }),
-                /* @__PURE__ */ c("label", { className: "inconel-rte__field", children: [
+                /* @__PURE__ */ s("label", { className: "inconel-rte__field", children: [
                   "Sütun",
-                  /* @__PURE__ */ n(
+                  /* @__PURE__ */ l(
                     "input",
                     {
                       type: "number",
                       min: 1,
                       max: 10,
                       className: "inconel-rte__input inconel-rte__input--num",
-                      value: C.cols,
-                      onChange: (e) => V({ ...C, cols: Number(e.target.value) })
+                      value: k.cols,
+                      onChange: (e) => V({ ...k, cols: Number(e.target.value) })
                     }
                   )
                 ] }),
-                /* @__PURE__ */ n("button", { type: "button", className: "inconel-rte__action", onClick: z, children: "Tablo ekle" })
+                /* @__PURE__ */ l("button", { type: "button", className: "inconel-rte__action", onClick: z, children: "Tablo ekle" })
               ] }),
-              ce && !f && !y && /* @__PURE__ */ n("div", { className: "inconel-rte__panel", role: "toolbar", "aria-label": "Tablo", children: [
+              ue && !f && !p && /* @__PURE__ */ l("div", { className: "inconel-rte__panel", role: "toolbar", "aria-label": "Tablo", children: [
                 ["addRow", "Satır ekle"],
                 ["delRow", "Satırı sil"],
                 ["addCol", "Sütun ekle"],
                 ["delCol", "Sütunu sil"],
                 ["delTable", "Tabloyu sil"]
-              ].map(([e, t]) => /* @__PURE__ */ n(
+              ].map(([e, t]) => /* @__PURE__ */ l(
                 "button",
                 {
                   type: "button",
                   className: "inconel-rte__action",
-                  onMouseDown: (l) => l.preventDefault(),
-                  onClick: () => ue(e),
+                  onMouseDown: (n) => n.preventDefault(),
+                  onClick: () => fe(e),
                   children: t
                 },
                 e
               )) }),
-              s && s !== "table" && !f && /* @__PURE__ */ c("div", { className: "inconel-rte__panel", children: [
-                /* @__PURE__ */ n(
+              u && u !== "table" && !f && /* @__PURE__ */ s("div", { className: "inconel-rte__panel", children: [
+                /* @__PURE__ */ l(
                   "input",
                   {
                     type: "url",
                     className: "inconel-rte__input",
-                    "aria-label": s === "link" ? "Bağlantı adresi" : "Görsel adresi",
-                    placeholder: s === "link" ? "https://…" : "Görsel URL (https://…)",
-                    value: J,
+                    "aria-label": u === "link" ? "Bağlantı adresi" : "Görsel adresi",
+                    placeholder: u === "link" ? "https://…" : "Görsel URL (https://…)",
+                    value: Y,
                     autoFocus: !0,
                     onChange: (e) => Z(e.target.value),
                     onKeyDown: (e) => {
@@ -348,61 +349,61 @@ function Re({
                     }
                   }
                 ),
-                /* @__PURE__ */ n("button", { type: "button", className: "inconel-rte__action", onClick: z, children: "Ekle" }),
-                s === "image" && /* @__PURE__ */ c("label", { className: "inconel-rte__action", children: [
+                /* @__PURE__ */ l("button", { type: "button", className: "inconel-rte__action", onClick: z, children: "Ekle" }),
+                u === "image" && /* @__PURE__ */ s("label", { className: "inconel-rte__action", children: [
                   "Dosya seç",
-                  /* @__PURE__ */ n(
+                  /* @__PURE__ */ l(
                     "input",
                     {
                       type: "file",
                       accept: "image/*",
                       hidden: !0,
                       "aria-label": "Görsel dosyası",
-                      onChange: fe
+                      onChange: be
                     }
                   )
                 ] })
               ] }),
-              f ? /* @__PURE__ */ n(
+              f ? /* @__PURE__ */ l(
                 "textarea",
                 {
-                  id: T,
+                  id: N,
                   className: "inconel-rte__source",
                   style: { minHeight: A },
-                  "aria-label": o ?? "HTML kaynağı",
+                  "aria-label": i ?? "HTML kaynağı",
                   value: K,
-                  disabled: y,
+                  disabled: p,
                   spellCheck: !1,
-                  onChange: (e) => Y(e.target.value)
+                  onChange: (e) => J(e.target.value)
                 }
-              ) : /* @__PURE__ */ c("div", { className: "inconel-rte__surface", style: { minHeight: A }, children: [
-                se && j && /* @__PURE__ */ n("span", { className: "inconel-rte__placeholder", "aria-hidden": "true", children: j }),
-                /* @__PURE__ */ n(
+              ) : /* @__PURE__ */ s("div", { className: "inconel-rte__surface", style: { minHeight: A }, children: [
+                de && E && /* @__PURE__ */ l("span", { className: "inconel-rte__placeholder", "aria-hidden": "true", children: E }),
+                /* @__PURE__ */ l(
                   "div",
                   {
-                    ref: u,
-                    id: T,
+                    ref: d,
+                    id: N,
                     className: "inconel-rte__content",
                     role: "textbox",
                     "aria-multiline": "true",
-                    "aria-label": o,
+                    "aria-label": i,
                     "aria-required": U,
-                    "aria-invalid": !!w,
-                    "aria-describedby": he,
-                    "aria-disabled": y,
-                    contentEditable: !y,
+                    "aria-invalid": !!v,
+                    "aria-describedby": ke,
+                    "aria-disabled": p,
+                    contentEditable: !p,
                     suppressContentEditableWarning: !0,
                     style: { minHeight: A },
                     onInput: g,
-                    onPaste: be,
+                    onPaste: pe,
                     onKeyUp: () => {
-                      b(), D();
+                      y(), D();
                     },
                     onMouseUp: () => {
-                      b(), D();
+                      y(), D();
                     },
                     onBlur: () => {
-                      b(), S?.();
+                      y(), S?.();
                     }
                   }
                 )
@@ -410,12 +411,12 @@ function Re({
             ]
           }
         ),
-        /* @__PURE__ */ n(Ce, { hint: $, errorMessage: w, hintId: q, errorId: W })
+        /* @__PURE__ */ l(Te, { hint: $, errorMessage: v, hintId: q, errorId: W })
       ]
     }
   );
 }
 export {
-  Re as default
+  Ie as default
 };
 //# sourceMappingURL=RichTextEditor.js.map