inconel 0.1.38 → 0.1.40

package/dist/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import {\n  useEffect,\n  useMemo,\n  type ButtonHTMLAttributes,\n  type ReactNode,\n} from 'react'\n\nimport { classNames } from '../shared/classNames'\nimport '../shared/sizes.css'\nimport type { ControlSize } from '../shared/types'\nimport { Svg } from '../Svg'\nimport {\n  BUTTON_TYPE_CLASS_NAMES,\n  type ButtonType,\n} from './constants'\nimport './styles.css'\nimport { createDebouncedCallback } from './utils'\n\nexport interface ButtonProps\n  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  label?: ReactNode\n  buttonType?: ButtonType\n  icon?: string | null\n  iconClassName?: string\n  iconWidth?: number | null\n  iconHeight?: number | null\n  iconRight?: boolean\n  render?: boolean\n  debounceTime?: number | null\n  isActive?: boolean | null\n  onChange?: ButtonHTMLAttributes<HTMLButtonElement>['onChange']\n  loading?: boolean\n  fullWidth?: boolean\n  variant?: 'primary' | 'secondary' | 'danger' | 'ghost' | 'warning' | 'dark'\n  size?: ControlSize\n  fixedHeight?: boolean\n  height?: number | string\n  pill?: boolean\n  count?: ReactNode\n  progress?: number | null\n  progressColor?: string | null\n}\n\nexport function Button({\n  loading = false,\n  fullWidth = false,\n  variant = 'primary',\n  label,\n  buttonType,\n  icon,\n  iconClassName,\n  iconWidth,\n  iconHeight,\n  iconRight = false,\n  render = true,\n  debounceTime,\n  isActive,\n  onClick,\n  disabled,\n  className,\n  children,\n  size = 'md',\n  fixedHeight = true,\n  height,\n  pill = false,\n  count,\n  progress,\n  progressColor,\n  style,\n  ...props\n}: ButtonProps) {\n  const resolvedType = buttonType ?? variant\n  const resolvedStyle = !fixedHeight && height !== undefined\n    ? { ...style, '--inconel-control-height': typeof height === 'number' ? `${height}px` : height } as typeof style\n    : style\n  const debouncedClick = useMemo(\n    () => createDebouncedCallback(onClick, debounceTime ?? 0),\n    [onClick, debounceTime],\n  )\n\n  useEffect(() => () => debouncedClick.cancel(), [debouncedClick])\n\n  if (!render) return null\n\n  const content = label ?? children\n  const progressWidth =\n    typeof progress === 'number' ? Math.max(0, Math.min(100, progress)) : null\n  const iconNode = typeof icon === 'string' && icon ? (\n    <span\n      className={classNames(\n        'inconel-button__icon',\n        iconRight\n          ? 'inconel-button__icon--right'\n          : 'inconel-button__icon--left',\n        iconClassName,\n      )}\n      style={{ width: iconWidth ?? undefined, height: iconHeight ?? undefined }}\n      aria-hidden=\"true\"\n    >\n      <Svg\n        src={icon}\n        renumerateIRIElements={false}\n        loading={() => null}\n        fallback={() => null}\n        beforeInjection={(svg) => {\n          if (iconWidth) svg.setAttribute('width', String(iconWidth))\n          if (iconHeight) svg.setAttribute('height', String(iconHeight))\n          svg.setAttribute('preserveAspectRatio', 'xMidYMid meet')\n        }}\n      />\n    </span>\n  ) : null\n\n  return (\n    <button\n      {...props}\n      style={resolvedStyle}\n      disabled={disabled || loading}\n      aria-pressed={\n        typeof isActive === 'boolean' ? isActive : props['aria-pressed']\n      }\n      onClick={disabled || loading ? undefined : debouncedClick}\n      className={classNames(\n        'inconel-button',\n        `inconel-size-${size}`,\n        BUTTON_TYPE_CLASS_NAMES[resolvedType],\n        fullWidth && 'inconel-button--full-width',\n        progressWidth !== null && 'inconel-button--has-progress',\n        pill && 'inconel-button--pill',\n        loading && 'inconel-is-loading',\n        disabled && 'inconel-is-disabled',\n        isActive && 'inconel-is-active',\n        className,\n      )}\n    >\n      {progressWidth !== null && (\n        <span\n          className=\"inconel-button__progress\"\n          style={{\n            width: `${progressWidth}%`,\n            background: progressColor ?? undefined,\n          }}\n        />\n      )}\n      {loading && <span className=\"inconel-button__spinner\" aria-hidden=\"true\" />}\n      {!iconRight && iconNode}\n      {content !== undefined && (\n        <span className=\"inconel-button__title\">{content}</span>\n      )}\n      {iconRight && iconNode}\n      {count != null && <span className=\"inconel-button__count\">{count}</span>}\n    </button>\n  )\n}\n"],"names":["Button","loading","fullWidth","variant","label","buttonType","icon","iconClassName","iconWidth","iconHeight","iconRight","render","debounceTime","isActive","onClick","disabled","className","children","size","fixedHeight","height","pill","count","progress","progressColor","style","props","resolvedType","resolvedStyle","debouncedClick","useMemo","createDebouncedCallback","useEffect","content","progressWidth","iconNode","jsx","classNames","Svg","svg","jsxs","BUTTON_TYPE_CLASS_NAMES"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import {\n  useEffect,\n  useMemo,\n  type ButtonHTMLAttributes,\n  type ReactNode,\n} from 'react'\n\nimport { classNames } from '../shared/classNames'\nimport '../shared/sizes.css'\nimport type { ControlSize } from '../shared/types'\nimport { Svg } from '../Svg'\nimport {\n  BUTTON_TYPE_CLASS_NAMES,\n  type ButtonType,\n} from './constants'\nimport './styles.css'\nimport { createDebouncedCallback } from './utils'\n\nexport interface ButtonProps\n  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  label?: ReactNode\n  buttonType?: ButtonType\n  icon?: string | null\n  iconClassName?: string\n  iconWidth?: number | null\n  iconHeight?: number | null\n  iconRight?: boolean\n  render?: boolean\n  debounceTime?: number | null\n  isActive?: boolean | null\n  onChange?: ButtonHTMLAttributes<HTMLButtonElement>['onChange']\n  loading?: boolean\n  fullWidth?: boolean\n  variant?: 'primary' | 'secondary' | 'danger' | 'ghost' | 'warning' | 'dark' | 'success'\n  size?: ControlSize\n  fixedHeight?: boolean\n  height?: number | string\n  pill?: boolean\n  count?: ReactNode\n  progress?: number | null\n  progressColor?: string | null\n}\n\nexport function Button({\n  loading = false,\n  fullWidth = false,\n  variant = 'primary',\n  label,\n  buttonType,\n  icon,\n  iconClassName,\n  iconWidth,\n  iconHeight,\n  iconRight = false,\n  render = true,\n  debounceTime,\n  isActive,\n  onClick,\n  disabled,\n  className,\n  children,\n  size = 'md',\n  fixedHeight = true,\n  height,\n  pill = false,\n  count,\n  progress,\n  progressColor,\n  style,\n  ...props\n}: ButtonProps) {\n  const resolvedType = buttonType ?? variant\n  const resolvedStyle = !fixedHeight && height !== undefined\n    ? { ...style, '--inconel-control-height': typeof height === 'number' ? `${height}px` : height } as typeof style\n    : style\n  const debouncedClick = useMemo(\n    () => createDebouncedCallback(onClick, debounceTime ?? 0),\n    [onClick, debounceTime],\n  )\n\n  useEffect(() => () => debouncedClick.cancel(), [debouncedClick])\n\n  if (!render) return null\n\n  const content = label ?? children\n  const progressWidth =\n    typeof progress === 'number' ? Math.max(0, Math.min(100, progress)) : null\n  const iconNode = typeof icon === 'string' && icon ? (\n    <span\n      className={classNames(\n        'inconel-button__icon',\n        iconRight\n          ? 'inconel-button__icon--right'\n          : 'inconel-button__icon--left',\n        iconClassName,\n      )}\n      style={{ width: iconWidth ?? undefined, height: iconHeight ?? undefined }}\n      aria-hidden=\"true\"\n    >\n      <Svg\n        src={icon}\n        renumerateIRIElements={false}\n        loading={() => null}\n        fallback={() => null}\n        beforeInjection={(svg) => {\n          if (iconWidth) svg.setAttribute('width', String(iconWidth))\n          if (iconHeight) svg.setAttribute('height', String(iconHeight))\n          svg.setAttribute('preserveAspectRatio', 'xMidYMid meet')\n        }}\n      />\n    </span>\n  ) : null\n\n  return (\n    <button\n      {...props}\n      style={resolvedStyle}\n      disabled={disabled || loading}\n      aria-pressed={\n        typeof isActive === 'boolean' ? isActive : props['aria-pressed']\n      }\n      onClick={disabled || loading ? undefined : debouncedClick}\n      className={classNames(\n        'inconel-button',\n        `inconel-size-${size}`,\n        BUTTON_TYPE_CLASS_NAMES[resolvedType],\n        fullWidth && 'inconel-button--full-width',\n        progressWidth !== null && 'inconel-button--has-progress',\n        pill && 'inconel-button--pill',\n        loading && 'inconel-is-loading',\n        disabled && 'inconel-is-disabled',\n        isActive && 'inconel-is-active',\n        className,\n      )}\n    >\n      {progressWidth !== null && (\n        <span\n          className=\"inconel-button__progress\"\n          style={{\n            width: `${progressWidth}%`,\n            background: progressColor ?? undefined,\n          }}\n        />\n      )}\n      {loading && <span className=\"inconel-button__spinner\" aria-hidden=\"true\" />}\n      {!iconRight && iconNode}\n      {content !== undefined && (\n        <span className=\"inconel-button__title\">{content}</span>\n      )}\n      {iconRight && iconNode}\n      {count != null && <span className=\"inconel-button__count\">{count}</span>}\n    </button>\n  )\n}\n"],"names":["Button","loading","fullWidth","variant","label","buttonType","icon","iconClassName","iconWidth","iconHeight","iconRight","render","debounceTime","isActive","onClick","disabled","className","children","size","fixedHeight","height","pill","count","progress","progressColor","style","props","resolvedType","resolvedStyle","debouncedClick","useMemo","createDebouncedCallback","useEffect","content","progressWidth","iconNode","jsx","classNames","Svg","svg","jsxs","BUTTON_TYPE_CLASS_NAMES"],"mappings":"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"}

package/dist/components/RichTextEditor/RichTextEditor.d.ts

@@ -0,0 +1,24 @@
+import { FieldFeedbackContentProps } from '../FieldFeedback/FieldFeedback';
+export interface RichTextEditorProps extends FieldFeedbackContentProps {
+    value?: string;
+    onChange?: (html: string) => void;
+    onBlur?: () => void;
+    label?: string;
+    placeholder?: string;
+    id?: string;
+    disabled?: boolean;
+    required?: boolean;
+    fullWidth?: boolean;
+    className?: string;
+    /** Editör içerik alanının minimum yüksekliği (px). */
+    minHeight?: number;
+    /** Görsel dosyası seçilince çağrılır; dönen URL görsel olarak eklenir. Verilmezse base64 gömülür. */
+    onImageUpload?: (file: File) => Promise<string>;
+    /**
+     * Verilirse araç çubuğuna galeri düğmesi eklenir. Düğmeye basınca çağrılır;
+     * uygulama kendi medya kütüphanesini açıp seçilen içeriği `insert(html)` ile ekler.
+     */
+    onRequestMedia?: (insert: (html: string) => void) => void;
+}
+export default function RichTextEditor({ value, onChange, onBlur, label, placeholder, id, disabled, required, fullWidth, className, minHeight, onImageUpload, onRequestMedia, hint, errorMessage, }: RichTextEditorProps): import("react").JSX.Element;
+//# sourceMappingURL=RichTextEditor.d.ts.map

package/dist/components/RichTextEditor/RichTextEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAA;AAC/E,OAAO,qBAAqB,CAAA;AAC5B,OAAO,cAAc,CAAA;AAGrB,MAAM,WAAW,mBAAoB,SAAQ,yBAAyB;IACpE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qGAAqG;IACrG,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;IAC/C;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,KAAK,IAAI,CAAA;CAC1D;AA+CD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,KAAU,EACV,QAAQ,EACR,MAAM,EACN,KAAK,EACL,WAAW,EACX,EAAE,EACF,QAAgB,EAChB,QAAQ,EACR,SAAgB,EAChB,SAAS,EACT,SAAe,EACf,aAAa,EACb,cAAc,EACd,IAAI,EACJ,YAAY,GACb,EAAE,mBAAmB,+BAoYrB"}

package/dist/components/RichTextEditor/RichTextEditor.js

@@ -0,0 +1,336 @@
+import { jsxs as s, jsx as n } from "react/jsx-runtime";
+import { useId as ie, useRef as R, useState as g, useEffect as re, useCallback as oe } from "react";
+import se from "../FieldFeedback/FieldFeedback.js";
+/* empty css                  */
+/* empty css           */
+import { sanitizeHtml as y } from "./sanitize.js";
+const ce = [
+  { 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ı" }
+], ue = [12, 14, 16, 18, 24, 32], de = (i) => new Promise((d, b) => {
+  const a = new FileReader();
+  a.onload = () => d(String(a.result)), a.onerror = () => b(a.error), a.readAsDataURL(i);
+});
+function S({ label: i, onClick: d, disabled: b, active: a, children: N }) {
+  return /* @__PURE__ */ n(
+    "button",
+    {
+      type: "button",
+      className: `inconel-rte__btn${a ? " inconel-is-active" : ""}`,
+      "aria-label": i,
+      title: i,
+      "aria-pressed": a,
+      disabled: b,
+      onMouseDown: (B) => B.preventDefault(),
+      onClick: d,
+      children: N
+    }
+  );
+}
+function be({
+  value: i = "",
+  onChange: d,
+  onBlur: b,
+  label: a,
+  placeholder: N,
+  id: B,
+  disabled: f = !1,
+  required: w,
+  fullWidth: W = !0,
+  className: $,
+  minHeight: x = 200,
+  onImageUpload: D,
+  onRequestMedia: E,
+  hint: z,
+  errorMessage: _
+}) {
+  const K = ie(), k = B ?? `inconel-rte-${K.replace(/:/g, "")}`, H = `${k}-hint`, I = `${k}-error`, r = R(null), j = R(null), C = R(null), [m, Y] = g(!1), [M, U] = g(""), [c, L] = g(null), [G, P] = g(""), [Z, J] = g({}), [Q, T] = g(!i);
+  re(() => {
+    const e = r.current;
+    if (!e || i === C.current) return;
+    const t = y(i);
+    e.innerHTML !== t && (e.innerHTML = t), C.current = i, T(!e.textContent && !e.querySelector("img"));
+  }, [i, m]);
+  const h = oe(() => {
+    const e = r.current;
+    if (!e) return;
+    const t = !!e.textContent || !!e.querySelector("img"), o = t ? y(e.innerHTML) : "";
+    T(!t), C.current = o, d?.(o);
+  }, [d]), u = () => {
+    const e = window.getSelection(), t = r.current;
+    e && e.rangeCount > 0 && t?.contains(e.getRangeAt(0).commonAncestorContainer) && (j.current = e.getRangeAt(0).cloneRange());
+  }, F = () => {
+    r.current?.focus();
+    const e = window.getSelection();
+    e && j.current && (e.removeAllRanges(), e.addRange(j.current));
+  }, A = () => {
+    const e = (t) => {
+      try {
+        return document.queryCommandState(t);
+      } catch {
+        return !1;
+      }
+    };
+    J({
+      bold: e("bold"),
+      italic: e("italic"),
+      underline: e("underline"),
+      strikeThrough: e("strikeThrough"),
+      justifyLeft: e("justifyLeft"),
+      justifyCenter: e("justifyCenter"),
+      justifyRight: e("justifyRight"),
+      justifyFull: e("justifyFull"),
+      insertUnorderedList: e("insertUnorderedList"),
+      insertOrderedList: e("insertOrderedList")
+    });
+  }, v = (e, t) => {
+    F(), document.execCommand("styleWithCSS", !1, "true"), document.execCommand(e, !1, t), u(), A(), h();
+  }, V = (e) => {
+    F(), document.execCommand("styleWithCSS", !1, "false"), document.execCommand("fontSize", !1, "7"), r.current?.querySelectorAll('font[size="7"]').forEach((t) => {
+      const o = document.createElement("span");
+      o.style.fontSize = `${e}px`, o.append(...Array.from(t.childNodes)), t.replaceWith(o);
+    }), u(), h();
+  }, X = (e) => {
+    F(), document.execCommand("insertHTML", !1, y(e)), u(), h();
+  }, q = (e) => {
+    u(), P(""), L(c === e ? null : e);
+  }, O = () => {
+    const e = G.trim();
+    e && (c === "link" ? (v("createLink", e), r.current?.querySelectorAll("a").forEach((t) => {
+      /^https?:/i.test(t.getAttribute("href") ?? "") && (t.setAttribute("target", "_blank"), t.setAttribute("rel", "noopener noreferrer"));
+    }), h()) : c === "image" && v("insertImage", e), L(null));
+  }, ee = async (e) => {
+    const t = e.target.files?.[0];
+    if (e.target.value = "", !t || !t.type.startsWith("image/")) return;
+    const o = D ? await D(t) : await de(t);
+    v("insertImage", o), L(null);
+  }, te = (e) => {
+    const t = e.clipboardData.getData("text/html");
+    t && (e.preventDefault(), document.execCommand("insertHTML", !1, y(t)), h());
+  }, ne = () => {
+    if (m) {
+      const e = y(M);
+      C.current = null, r.current && (r.current.innerHTML = e), C.current = e, T(!e), d?.(e);
+    } else
+      U(y(r.current?.innerHTML ?? ""));
+    L(null), Y(!m);
+  }, le = [z && !_ ? H : void 0, _ ? I : void 0].filter(Boolean).join(" ") || void 0, p = f || m, l = (e, t, o, ae) => /* @__PURE__ */ n(
+    S,
+    {
+      label: t,
+      active: Z[e],
+      disabled: p,
+      onClick: () => v(e, ae),
+      children: o
+    }
+  );
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: [
+        "inconel-field",
+        W ? "inconel-field--full-width" : "",
+        $ ?? ""
+      ].join(" "),
+      children: [
+        a && /* @__PURE__ */ s("label", { className: "inconel-field__label", htmlFor: k, children: [
+          a,
+          w && /* @__PURE__ */ n("span", { "aria-hidden": "true", children: " *" })
+        ] }),
+        /* @__PURE__ */ s(
+          "div",
+          {
+            className: [
+              "inconel-rte",
+              _ ? "inconel-is-invalid" : "",
+              f ? "inconel-is-disabled" : ""
+            ].join(" "),
+            children: [
+              /* @__PURE__ */ s("div", { className: "inconel-rte__toolbar", role: "toolbar", "aria-label": "Biçimlendirme", children: [
+                l("bold", "Kalın", /* @__PURE__ */ n("b", { children: "B" })),
+                l("italic", "İtalik", /* @__PURE__ */ n("i", { children: "I" })),
+                l("underline", "Altı çizili", /* @__PURE__ */ n("u", { children: "U" })),
+                l("strikeThrough", "Üstü çizili", /* @__PURE__ */ n("s", { children: "S" })),
+                /* @__PURE__ */ n("span", { className: "inconel-rte__sep" }),
+                /* @__PURE__ */ s(
+                  "select",
+                  {
+                    className: "inconel-rte__select",
+                    "aria-label": "Biçim",
+                    disabled: p,
+                    value: "",
+                    onChange: (e) => {
+                      e.target.value && v("formatBlock", e.target.value);
+                    },
+                    children: [
+                      /* @__PURE__ */ n("option", { value: "", children: "Biçim" }),
+                      ce.map((e) => /* @__PURE__ */ n("option", { value: e.tag, children: e.label }, e.tag))
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ s(
+                  "select",
+                  {
+                    className: "inconel-rte__select",
+                    "aria-label": "Yazı boyutu",
+                    disabled: p,
+                    value: "",
+                    onChange: (e) => {
+                      e.target.value && V(Number(e.target.value));
+                    },
+                    children: [
+                      /* @__PURE__ */ n("option", { value: "", children: "Boyut" }),
+                      ue.map((e) => /* @__PURE__ */ s("option", { value: e, children: [
+                        e,
+                        "px"
+                      ] }, e))
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ n("span", { className: "inconel-rte__sep" }),
+                l("justifyLeft", "Sola hizala", "⇤"),
+                l("justifyCenter", "Ortala", "↔"),
+                l("justifyRight", "Sağa hizala", "⇥"),
+                l("justifyFull", "İki yana yasla", "☰"),
+                /* @__PURE__ */ n("span", { className: "inconel-rte__sep" }),
+                l("insertUnorderedList", "Madde işaretli liste", "• ≡"),
+                l("insertOrderedList", "Numaralı liste", "1.≡"),
+                l("outdent", "Girintiyi azalt", "⇠"),
+                l("indent", "Girintiyi artır", "⇢"),
+                l("removeFormat", "Biçimi temizle", "Tₓ"),
+                /* @__PURE__ */ n("span", { className: "inconel-rte__sep" }),
+                /* @__PURE__ */ n(
+                  S,
+                  {
+                    label: "Bağlantı ekle",
+                    disabled: p,
+                    active: c === "link",
+                    onClick: () => q("link"),
+                    children: "🔗"
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  S,
+                  {
+                    label: "Görsel ekle",
+                    disabled: p,
+                    active: c === "image",
+                    onClick: () => q("image"),
+                    children: "🖼"
+                  }
+                ),
+                E && /* @__PURE__ */ n(
+                  S,
+                  {
+                    label: "Medya galerisi",
+                    disabled: p,
+                    onClick: () => {
+                      u(), E(X);
+                    },
+                    children: "🗂"
+                  }
+                ),
+                /* @__PURE__ */ n("span", { className: "inconel-rte__sep" }),
+                l("undo", "Geri al", "↶"),
+                l("redo", "Yinele", "↷"),
+                /* @__PURE__ */ n(
+                  S,
+                  {
+                    label: "HTML kaynağı",
+                    disabled: f,
+                    active: m,
+                    onClick: ne,
+                    children: "</>"
+                  }
+                )
+              ] }),
+              c && !m && /* @__PURE__ */ s("div", { className: "inconel-rte__panel", children: [
+                /* @__PURE__ */ n(
+                  "input",
+                  {
+                    type: "url",
+                    className: "inconel-rte__input",
+                    "aria-label": c === "link" ? "Bağlantı adresi" : "Görsel adresi",
+                    placeholder: c === "link" ? "https://…" : "Görsel URL (https://…)",
+                    value: G,
+                    autoFocus: !0,
+                    onChange: (e) => P(e.target.value),
+                    onKeyDown: (e) => {
+                      e.key === "Enter" && (e.preventDefault(), O());
+                    }
+                  }
+                ),
+                /* @__PURE__ */ n("button", { type: "button", className: "inconel-rte__action", onClick: O, children: "Ekle" }),
+                c === "image" && /* @__PURE__ */ s("label", { className: "inconel-rte__action", children: [
+                  "Dosya seç",
+                  /* @__PURE__ */ n(
+                    "input",
+                    {
+                      type: "file",
+                      accept: "image/*",
+                      hidden: !0,
+                      "aria-label": "Görsel dosyası",
+                      onChange: ee
+                    }
+                  )
+                ] })
+              ] }),
+              m ? /* @__PURE__ */ n(
+                "textarea",
+                {
+                  id: k,
+                  className: "inconel-rte__source",
+                  style: { minHeight: x },
+                  "aria-label": a ?? "HTML kaynağı",
+                  value: M,
+                  disabled: f,
+                  spellCheck: !1,
+                  onChange: (e) => U(e.target.value)
+                }
+              ) : /* @__PURE__ */ s("div", { className: "inconel-rte__surface", style: { minHeight: x }, children: [
+                Q && N && /* @__PURE__ */ n("span", { className: "inconel-rte__placeholder", "aria-hidden": "true", children: N }),
+                /* @__PURE__ */ n(
+                  "div",
+                  {
+                    ref: r,
+                    id: k,
+                    className: "inconel-rte__content",
+                    role: "textbox",
+                    "aria-multiline": "true",
+                    "aria-label": a,
+                    "aria-required": w,
+                    "aria-invalid": !!_,
+                    "aria-describedby": le,
+                    "aria-disabled": f,
+                    contentEditable: !f,
+                    suppressContentEditableWarning: !0,
+                    style: { minHeight: x },
+                    onInput: h,
+                    onPaste: te,
+                    onKeyUp: () => {
+                      u(), A();
+                    },
+                    onMouseUp: () => {
+                      u(), A();
+                    },
+                    onBlur: () => {
+                      u(), b?.();
+                    }
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ n(se, { hint: z, errorMessage: _, hintId: H, errorId: I })
+      ]
+    }
+  );
+}
+export {
+  be as default
+};
+//# sourceMappingURL=RichTextEditor.js.map

package/dist/components/RichTextEditor/RichTextEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.js","sources":["../../../src/components/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type ReactNode,\n} from 'react'\n\nimport FieldFeedback from '../FieldFeedback/FieldFeedback'\nimport type { FieldFeedbackContentProps } from '../FieldFeedback/FieldFeedback'\nimport '../shared/field.css'\nimport './styles.css'\nimport { sanitizeHtml } from './sanitize'\n\nexport interface RichTextEditorProps extends FieldFeedbackContentProps {\n  value?: string\n  onChange?: (html: string) => void\n  onBlur?: () => void\n  label?: string\n  placeholder?: string\n  id?: string\n  disabled?: boolean\n  required?: boolean\n  fullWidth?: boolean\n  className?: string\n  /** Editör içerik alanının minimum yüksekliği (px). */\n  minHeight?: number\n  /** Görsel dosyası seçilince çağrılır; dönen URL görsel olarak eklenir. Verilmezse base64 gömülür. */\n  onImageUpload?: (file: File) => Promise<string>\n  /**\n   * Verilirse araç çubuğuna galeri düğmesi eklenir. Düğmeye basınca çağrılır;\n   * uygulama kendi medya kütüphanesini açıp seçilen içeriği `insert(html)` ile ekler.\n   */\n  onRequestMedia?: (insert: (html: string) => void) => void\n}\n\nconst BLOCKS = [\n  { tag: 'p', label: 'Paragraf' },\n  { tag: 'h1', label: 'Başlık 1' },\n  { tag: 'h2', label: 'Başlık 2' },\n  { tag: 'h3', label: 'Başlık 3' },\n  { tag: 'blockquote', label: 'Alıntı' },\n]\n\nconst FONT_SIZES = [12, 14, 16, 18, 24, 32]\n\ntype Panel = 'link' | 'image' | null\n\nconst readFileAsDataUrl = (file: File) =>\n  new Promise<string>((resolve, reject) => {\n    const reader = new FileReader()\n    reader.onload = () => resolve(String(reader.result))\n    reader.onerror = () => reject(reader.error)\n    reader.readAsDataURL(file)\n  })\n\ninterface ToolButtonProps {\n  label: string\n  onClick: () => void\n  disabled?: boolean\n  active?: boolean\n  children: ReactNode\n}\n\nfunction ToolButton({ label, onClick, disabled, active, children }: ToolButtonProps) {\n  return (\n    <button\n      type=\"button\"\n      className={`inconel-rte__btn${active ? ' inconel-is-active' : ''}`}\n      aria-label={label}\n      title={label}\n      aria-pressed={active}\n      disabled={disabled}\n      onMouseDown={(event) => event.preventDefault()}\n      onClick={onClick}\n    >\n      {children}\n    </button>\n  )\n}\n\nexport default function RichTextEditor({\n  value = '',\n  onChange,\n  onBlur,\n  label,\n  placeholder,\n  id,\n  disabled = false,\n  required,\n  fullWidth = true,\n  className,\n  minHeight = 200,\n  onImageUpload,\n  onRequestMedia,\n  hint,\n  errorMessage,\n}: RichTextEditorProps) {\n  const generatedId = useId()\n  const editorId = id ?? `inconel-rte-${generatedId.replace(/:/g, '')}`\n  const hintId = `${editorId}-hint`\n  const errorId = `${editorId}-error`\n\n  const editorRef = useRef<HTMLDivElement>(null)\n  const savedRange = useRef<Range | null>(null)\n  const lastHtml = useRef<string | null>(null)\n  const [sourceMode, setSourceMode] = useState(false)\n  const [source, setSource] = useState('')\n  const [panel, setPanel] = useState<Panel>(null)\n  const [url, setUrl] = useState('')\n  const [formats, setFormats] = useState<Record<string, boolean>>({})\n  const [empty, setEmpty] = useState(!value)\n\n  // Dışarıdan gelen value değişince (kendi çıktımız değilse) içeriği güncelle.\n  useEffect(() => {\n    const editor = editorRef.current\n    if (!editor || value === lastHtml.current) return\n    const clean = sanitizeHtml(value)\n    if (editor.innerHTML !== clean) editor.innerHTML = clean\n    lastHtml.current = value\n    setEmpty(!editor.textContent && !editor.querySelector('img'))\n  }, [value, sourceMode])\n\n  const emit = useCallback(() => {\n    const editor = editorRef.current\n    if (!editor) return\n    const hasContent = Boolean(editor.textContent) || Boolean(editor.querySelector('img'))\n    const html = hasContent ? sanitizeHtml(editor.innerHTML) : ''\n    setEmpty(!hasContent)\n    lastHtml.current = html\n    onChange?.(html)\n  }, [onChange])\n\n  const saveSelection = () => {\n    const selection = window.getSelection()\n    const editor = editorRef.current\n    if (\n      selection &&\n      selection.rangeCount > 0 &&\n      editor?.contains(selection.getRangeAt(0).commonAncestorContainer)\n    ) {\n      savedRange.current = selection.getRangeAt(0).cloneRange()\n    }\n  }\n\n  const restoreSelection = () => {\n    editorRef.current?.focus()\n    const selection = window.getSelection()\n    if (selection && savedRange.current) {\n      selection.removeAllRanges()\n      selection.addRange(savedRange.current)\n    }\n  }\n\n  const refreshFormats = () => {\n    const query = (command: string) => {\n      try {\n        return document.queryCommandState(command)\n      } catch {\n        return false\n      }\n    }\n    setFormats({\n      bold: query('bold'),\n      italic: query('italic'),\n      underline: query('underline'),\n      strikeThrough: query('strikeThrough'),\n      justifyLeft: query('justifyLeft'),\n      justifyCenter: query('justifyCenter'),\n      justifyRight: query('justifyRight'),\n      justifyFull: query('justifyFull'),\n      insertUnorderedList: query('insertUnorderedList'),\n      insertOrderedList: query('insertOrderedList'),\n    })\n  }\n\n  const exec = (command: string, arg?: string) => {\n    restoreSelection()\n    document.execCommand('styleWithCSS', false, 'true')\n    document.execCommand(command, false, arg)\n    saveSelection()\n    refreshFormats()\n    emit()\n  }\n\n  const applyFontSize = (px: number) => {\n    restoreSelection()\n    document.execCommand('styleWithCSS', false, 'false')\n    document.execCommand('fontSize', false, '7')\n    editorRef.current?.querySelectorAll('font[size=\"7\"]').forEach((font) => {\n      const span = document.createElement('span')\n      span.style.fontSize = `${px}px`\n      span.append(...Array.from(font.childNodes))\n      font.replaceWith(span)\n    })\n    saveSelection()\n    emit()\n  }\n\n  const insertHtml = (html: string) => {\n    restoreSelection()\n    document.execCommand('insertHTML', false, sanitizeHtml(html))\n    saveSelection()\n    emit()\n  }\n\n  const openPanel = (next: Exclude<Panel, null>) => {\n    saveSelection()\n    setUrl('')\n    setPanel(panel === next ? null : next)\n  }\n\n  const submitPanel = () => {\n    const target = url.trim()\n    if (!target) return\n    if (panel === 'link') {\n      exec('createLink', target)\n      editorRef.current?.querySelectorAll('a').forEach((a) => {\n        if (/^https?:/i.test(a.getAttribute('href') ?? '')) {\n          a.setAttribute('target', '_blank')\n          a.setAttribute('rel', 'noopener noreferrer')\n        }\n      })\n      emit()\n    } else if (panel === 'image') {\n      exec('insertImage', target)\n    }\n    setPanel(null)\n  }\n\n  const handleImageFile = async (event: ChangeEvent<HTMLInputElement>) => {\n    const file = event.target.files?.[0]\n    event.target.value = ''\n    if (!file || !file.type.startsWith('image/')) return\n    const src = onImageUpload ? await onImageUpload(file) : await readFileAsDataUrl(file)\n    exec('insertImage', src)\n    setPanel(null)\n  }\n\n  const handlePaste = (event: React.ClipboardEvent<HTMLDivElement>) => {\n    const html = event.clipboardData.getData('text/html')\n    if (html) {\n      event.preventDefault()\n      document.execCommand('insertHTML', false, sanitizeHtml(html))\n      emit()\n    }\n  }\n\n  const toggleSource = () => {\n    if (sourceMode) {\n      const clean = sanitizeHtml(source)\n      lastHtml.current = null\n      if (editorRef.current) editorRef.current.innerHTML = clean\n      lastHtml.current = clean\n      setEmpty(!clean)\n      onChange?.(clean)\n    } else {\n      setSource(sanitizeHtml(editorRef.current?.innerHTML ?? ''))\n    }\n    setPanel(null)\n    setSourceMode(!sourceMode)\n  }\n\n  const describedBy =\n    [hint && !errorMessage ? hintId : undefined, errorMessage ? errorId : undefined]\n      .filter(Boolean)\n      .join(' ') || undefined\n  const toolsDisabled = disabled || sourceMode\n\n  const btn = (\n    command: string,\n    text: string,\n    content: ReactNode,\n    arg?: string,\n  ) => (\n    <ToolButton\n      label={text}\n      active={formats[command]}\n      disabled={toolsDisabled}\n      onClick={() => exec(command, arg)}\n    >\n      {content}\n    </ToolButton>\n  )\n\n  return (\n    <div\n      className={[\n        'inconel-field',\n        fullWidth ? 'inconel-field--full-width' : '',\n        className ?? '',\n      ].join(' ')}\n    >\n      {label && (\n        <label className=\"inconel-field__label\" htmlFor={editorId}>\n          {label}\n          {required && <span aria-hidden=\"true\"> *</span>}\n        </label>\n      )}\n      <div\n        className={[\n          'inconel-rte',\n          errorMessage ? 'inconel-is-invalid' : '',\n          disabled ? 'inconel-is-disabled' : '',\n        ].join(' ')}\n      >\n        <div className=\"inconel-rte__toolbar\" role=\"toolbar\" aria-label=\"Biçimlendirme\">\n          {btn('bold', 'Kalın', <b>B</b>)}\n          {btn('italic', 'İtalik', <i>I</i>)}\n          {btn('underline', 'Altı çizili', <u>U</u>)}\n          {btn('strikeThrough', 'Üstü çizili', <s>S</s>)}\n          <span className=\"inconel-rte__sep\" />\n          <select\n            className=\"inconel-rte__select\"\n            aria-label=\"Biçim\"\n            disabled={toolsDisabled}\n            value=\"\"\n            onChange={(event) => {\n              if (event.target.value) exec('formatBlock', event.target.value)\n            }}\n          >\n            <option value=\"\">Biçim</option>\n            {BLOCKS.map((block) => (\n              <option key={block.tag} value={block.tag}>\n                {block.label}\n              </option>\n            ))}\n          </select>\n          <select\n            className=\"inconel-rte__select\"\n            aria-label=\"Yazı boyutu\"\n            disabled={toolsDisabled}\n            value=\"\"\n            onChange={(event) => {\n              if (event.target.value) applyFontSize(Number(event.target.value))\n            }}\n          >\n            <option value=\"\">Boyut</option>\n            {FONT_SIZES.map((size) => (\n              <option key={size} value={size}>\n                {size}px\n              </option>\n            ))}\n          </select>\n          <span className=\"inconel-rte__sep\" />\n          {btn('justifyLeft', 'Sola hizala', '⇤')}\n          {btn('justifyCenter', 'Ortala', '↔')}\n          {btn('justifyRight', 'Sağa hizala', '⇥')}\n          {btn('justifyFull', 'İki yana yasla', '☰')}\n          <span className=\"inconel-rte__sep\" />\n          {btn('insertUnorderedList', 'Madde işaretli liste', '• ≡')}\n          {btn('insertOrderedList', 'Numaralı liste', '1.≡')}\n          {btn('outdent', 'Girintiyi azalt', '⇠')}\n          {btn('indent', 'Girintiyi artır', '⇢')}\n          {btn('removeFormat', 'Biçimi temizle', 'Tₓ')}\n          <span className=\"inconel-rte__sep\" />\n          <ToolButton\n            label=\"Bağlantı ekle\"\n            disabled={toolsDisabled}\n            active={panel === 'link'}\n            onClick={() => openPanel('link')}\n          >\n            🔗\n          </ToolButton>\n          <ToolButton\n            label=\"Görsel ekle\"\n            disabled={toolsDisabled}\n            active={panel === 'image'}\n            onClick={() => openPanel('image')}\n          >\n            🖼\n          </ToolButton>\n          {onRequestMedia && (\n            <ToolButton\n              label=\"Medya galerisi\"\n              disabled={toolsDisabled}\n              onClick={() => {\n                saveSelection()\n                onRequestMedia(insertHtml)\n              }}\n            >\n              🗂\n            </ToolButton>\n          )}\n          <span className=\"inconel-rte__sep\" />\n          {btn('undo', 'Geri al', '↶')}\n          {btn('redo', 'Yinele', '↷')}\n          <ToolButton\n            label=\"HTML kaynağı\"\n            disabled={disabled}\n            active={sourceMode}\n            onClick={toggleSource}\n          >\n            {'</>'}\n          </ToolButton>\n        </div>\n\n        {panel && !sourceMode && (\n          <div className=\"inconel-rte__panel\">\n            <input\n              type=\"url\"\n              className=\"inconel-rte__input\"\n              aria-label={panel === 'link' ? 'Bağlantı adresi' : 'Görsel adresi'}\n              placeholder={panel === 'link' ? 'https://…' : 'Görsel URL (https://…)'}\n              value={url}\n              autoFocus\n              onChange={(event) => setUrl(event.target.value)}\n              onKeyDown={(event) => {\n                if (event.key === 'Enter') {\n                  event.preventDefault()\n                  submitPanel()\n                }\n              }}\n            />\n            <button type=\"button\" className=\"inconel-rte__action\" onClick={submitPanel}>\n              Ekle\n            </button>\n            {panel === 'image' && (\n              <label className=\"inconel-rte__action\">\n                Dosya seç\n                <input\n                  type=\"file\"\n                  accept=\"image/*\"\n                  hidden\n                  aria-label=\"Görsel dosyası\"\n                  onChange={handleImageFile}\n                />\n              </label>\n            )}\n          </div>\n        )}\n\n        {sourceMode ? (\n          <textarea\n            id={editorId}\n            className=\"inconel-rte__source\"\n            style={{ minHeight }}\n            aria-label={label ?? 'HTML kaynağı'}\n            value={source}\n            disabled={disabled}\n            spellCheck={false}\n            onChange={(event) => setSource(event.target.value)}\n          />\n        ) : (\n          <div className=\"inconel-rte__surface\" style={{ minHeight }}>\n            {empty && placeholder && (\n              <span className=\"inconel-rte__placeholder\" aria-hidden=\"true\">\n                {placeholder}\n              </span>\n            )}\n            <div\n              ref={editorRef}\n              id={editorId}\n              className=\"inconel-rte__content\"\n              role=\"textbox\"\n              aria-multiline=\"true\"\n              aria-label={label}\n              aria-required={required}\n              aria-invalid={Boolean(errorMessage)}\n              aria-describedby={describedBy}\n              aria-disabled={disabled}\n              contentEditable={!disabled}\n              suppressContentEditableWarning\n              style={{ minHeight }}\n              onInput={emit}\n              onPaste={handlePaste}\n              onKeyUp={() => {\n                saveSelection()\n                refreshFormats()\n              }}\n              onMouseUp={() => {\n                saveSelection()\n                refreshFormats()\n              }}\n              onBlur={() => {\n                saveSelection()\n                onBlur?.()\n              }}\n            />\n          </div>\n        )}\n      </div>\n      <FieldFeedback hint={hint} errorMessage={errorMessage} hintId={hintId} errorId={errorId} />\n    </div>\n  )\n}\n"],"names":["BLOCKS","FONT_SIZES","readFileAsDataUrl","file","resolve","reject","reader","ToolButton","label","onClick","disabled","active","children","jsx","event","RichTextEditor","value","onChange","onBlur","placeholder","id","required","fullWidth","className","minHeight","onImageUpload","onRequestMedia","hint","errorMessage","generatedId","useId","editorId","hintId","errorId","editorRef","useRef","savedRange","lastHtml","sourceMode","setSourceMode","useState","source","setSource","panel","setPanel","url","setUrl","formats","setFormats","empty","setEmpty","useEffect","editor","clean","sanitizeHtml","emit","useCallback","hasContent","html","saveSelection","selection","restoreSelection","refreshFormats","query","command","exec","arg","applyFontSize","px","font","span","insertHtml","openPanel","next","submitPanel","target","a","handleImageFile","src","handlePaste","toggleSource","describedBy","toolsDisabled","btn","text","content","jsxs","block","size","FieldFeedback"],"mappings":"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"}

package/dist/components/RichTextEditor/index.d.ts

@@ -0,0 +1,4 @@
+export { default as RichTextEditor } from './RichTextEditor';
+export type { RichTextEditorProps } from './RichTextEditor';
+export { sanitizeHtml } from './sanitize';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/RichTextEditor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RichTextEditor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA"}

package/dist/components/RichTextEditor/sanitize.d.ts

@@ -0,0 +1,3 @@
+/** HTML'i izin verilen etiket/özelliklerle sınırlar (script, on* olayları, javascript: vb. temizlenir). */
+export declare function sanitizeHtml(html: string): string;
+//# sourceMappingURL=sanitize.d.ts.map

package/dist/components/RichTextEditor/sanitize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sanitize.d.ts","sourceRoot":"","sources":["../../../src/components/RichTextEditor/sanitize.ts"],"names":[],"mappings":"AA2EA,2GAA2G;AAC3G,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAKjD"}

package/dist/components/RichTextEditor/sanitize.js

@@ -0,0 +1,63 @@
+const l = /* @__PURE__ */ new Set([
+  "a",
+  "b",
+  "strong",
+  "i",
+  "em",
+  "u",
+  "s",
+  "strike",
+  "del",
+  "p",
+  "div",
+  "span",
+  "br",
+  "ul",
+  "ol",
+  "li",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "blockquote",
+  "img",
+  "sub",
+  "sup"
+]), m = {
+  a: ["href", "target", "rel", "title", "class"],
+  img: ["src", "alt", "title", "width", "height", "class"]
+}, f = /* @__PURE__ */ new Set(["text-align", "font-size"]), u = /* @__PURE__ */ new Set(["script", "style", "iframe", "object", "embed", "noscript"]), c = (r, e) => {
+  const t = Array.from(r).filter((n) => n.charCodeAt(0) > 32).join("");
+  return e && /^data:image\/(png|jpe?g|gif|webp|bmp);/i.test(t) ? !0 : /^(https?:|mailto:|tel:|\/|#|\.{1,2}\/)/i.test(t) || !/^[a-z][a-z0-9+.-]*:/i.test(t);
+}, b = (r) => r.split(";").map((e) => e.split(":").map((t) => t.trim())).filter(
+  ([e, t]) => f.has(e?.toLowerCase()) && t && /^[\w\s.%-]+$/.test(t)
+).map(([e, t]) => `${e.toLowerCase()}: ${t}`).join("; "), i = (r) => {
+  Array.from(r.children).forEach((e) => {
+    const t = e.tagName.toLowerCase();
+    if (u.has(t)) {
+      e.remove();
+      return;
+    }
+    if (i(e), !l.has(t)) {
+      e.replaceWith(...Array.from(e.childNodes));
+      return;
+    }
+    const n = m[t] ?? [];
+    Array.from(e.attributes).forEach((s) => {
+      const o = s.name.toLowerCase();
+      if (o === "style") {
+        const a = b(s.value);
+        a ? e.setAttribute("style", a) : e.removeAttribute("style");
+      } else o === "class" ? (!n.includes("class") || !/^[\w\s-]+$/.test(s.value)) && e.removeAttribute(s.name) : n.includes(o) ? (o === "href" || o === "src") && !c(s.value, t === "img") && e.removeAttribute(s.name) : e.removeAttribute(s.name);
+    }), t === "a" && e.getAttribute("target") === "_blank" && e.setAttribute("rel", "noopener noreferrer");
+  });
+};
+function p(r) {
+  if (!r) return "";
+  const e = new DOMParser().parseFromString(`<body>${r}</body>`, "text/html");
+  return i(e.body), e.body.innerHTML;
+}
+export {
+  p as sanitizeHtml
+};
+//# sourceMappingURL=sanitize.js.map

package/dist/components/RichTextEditor/sanitize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sanitize.js","sources":["../../../src/components/RichTextEditor/sanitize.ts"],"sourcesContent":["const ALLOWED_TAGS = new Set([\n  'a', 'b', 'strong', 'i', 'em', 'u', 's', 'strike', 'del', 'p', 'div', 'span',\n  'br', 'ul', 'ol', 'li', 'h1', 'h2', 'h3', 'h4', 'blockquote', 'img', 'sub', 'sup',\n])\n\nconst ALLOWED_ATTRS: Record<string, string[]> = {\n  a: ['href', 'target', 'rel', 'title', 'class'],\n  img: ['src', 'alt', 'title', 'width', 'height', 'class'],\n}\n\nconst ALLOWED_STYLES = new Set(['text-align', 'font-size'])\nconst DROP_WITH_CONTENT = new Set(['script', 'style', 'iframe', 'object', 'embed', 'noscript'])\n\nconst isSafeUrl = (value: string, allowDataImage: boolean) => {\n  const url = Array.from(value)\n    .filter((char) => char.charCodeAt(0) > 32)\n    .join('')\n  if (allowDataImage && /^data:image\\/(png|jpe?g|gif|webp|bmp);/i.test(url)) return true\n  return /^(https?:|mailto:|tel:|\\/|#|\\.{1,2}\\/)/i.test(url) || !/^[a-z][a-z0-9+.-]*:/i.test(url)\n}\n\nconst cleanStyle = (value: string) =>\n  value\n    .split(';')\n    .map((rule) => rule.split(':').map((part) => part.trim()))\n    .filter(\n      ([prop, val]) =>\n        ALLOWED_STYLES.has(prop?.toLowerCase()) && val && /^[\\w\\s.%-]+$/.test(val),\n    )\n    .map(([prop, val]) => `${prop.toLowerCase()}: ${val}`)\n    .join('; ')\n\nconst cleanNode = (node: Element) => {\n  Array.from(node.children).forEach((child) => {\n    const tag = child.tagName.toLowerCase()\n\n    if (DROP_WITH_CONTENT.has(tag)) {\n      child.remove()\n      return\n    }\n\n    cleanNode(child)\n\n    if (!ALLOWED_TAGS.has(tag)) {\n      child.replaceWith(...Array.from(child.childNodes))\n      return\n    }\n\n    const allowed = ALLOWED_ATTRS[tag] ?? []\n    Array.from(child.attributes).forEach((attr) => {\n      const name = attr.name.toLowerCase()\n      if (name === 'style') {\n        const style = cleanStyle(attr.value)\n        if (style) child.setAttribute('style', style)\n        else child.removeAttribute('style')\n      } else if (name === 'class') {\n        if (!allowed.includes('class') || !/^[\\w\\s-]+$/.test(attr.value)) {\n          child.removeAttribute(attr.name)\n        }\n      } else if (!allowed.includes(name)) {\n        child.removeAttribute(attr.name)\n      } else if (\n        (name === 'href' || name === 'src') &&\n        !isSafeUrl(attr.value, tag === 'img')\n      ) {\n        child.removeAttribute(attr.name)\n      }\n    })\n\n    if (tag === 'a' && child.getAttribute('target') === '_blank') {\n      child.setAttribute('rel', 'noopener noreferrer')\n    }\n  })\n}\n\n/** HTML'i izin verilen etiket/özelliklerle sınırlar (script, on* olayları, javascript: vb. temizlenir). */\nexport function sanitizeHtml(html: string): string {\n  if (!html) return ''\n  const doc = new DOMParser().parseFromString(`<body>${html}</body>`, 'text/html')\n  cleanNode(doc.body)\n  return doc.body.innerHTML\n}\n"],"names":["ALLOWED_TAGS","ALLOWED_ATTRS","ALLOWED_STYLES","DROP_WITH_CONTENT","isSafeUrl","value","allowDataImage","url","char","cleanStyle","rule","part","prop","val","cleanNode","node","child","tag","allowed","attr","name","style","sanitizeHtml","html","doc"],"mappings":"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"}

package/dist/components/index.d.ts

@@ -30,6 +30,7 @@ export * from './MultiSelectWithCheckbox';
 export * from './Option';
 export * from './OptionWithIcon';
 export * from './RadioGroup';
+export * from './RichTextEditor';
 export * from './ReadOnly';
 export * from './Select';
 export * from './SlideTabs';

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,uBAAuB,CAAA;AACrC,cAAc,2BAA2B,CAAA;AACzC,cAAc,UAAU,CAAA;AACxB,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,uBAAuB,CAAA;AACrC,cAAc,2BAA2B,CAAA;AACzC,cAAc,UAAU,CAAA;AACxB,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA"}