ar-design 0.2.36 → 0.2.37

package/dist/components/form/text-editor/IProps.d.ts

@@ -5,5 +5,6 @@ interface IProps extends IValidation {
     onChange: (value?: string) => void;
     placeholder?: string;
     height?: number;
+    multilang?: boolean;
 }
 export default IProps;

package/dist/components/form/text-editor/index.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import IProps from "./IProps";
 import "../../../assets/css/components/form/text-editor/styles.css";
+import IProps from "./IProps";
+import React from "react";
 declare const TextEditor: React.FC<IProps>;
 export default TextEditor;

package/dist/components/form/text-editor/index.js

@@ -1,10 +1,10 @@
 "use client";
-import Utils from "../../../libs/infrastructure/shared/Utils";
-import React, { useEffect, useRef, useState } from "react";
-import Button from "../button";
-import { ARIcon } from "../../icons";
 import "../../../assets/css/components/form/text-editor/styles.css";
-const TextEditor = ({ name, value, onChange, placeholder, height, validation }) => {
+import { ARIcon } from "../../icons";
+import Button from "../button";
+import React, { useEffect, useRef, useState } from "react";
+import Utils from "../../../libs/infrastructure/shared/Utils";
+const TextEditor = ({ name, value, onChange, placeholder, height, multilang, validation }) => {
     // refs
     const _container = useRef(null);
     const _arIframe = useRef(null);
@@ -64,8 +64,10 @@ const TextEditor = ({ name, value, onChange, placeholder, height, validation })
         if (selection && selection.rangeCount > 0)
             range = selection.getRangeAt(0);
         // Eğer içeriği kendimiz değiştirmedikse ve gelen value farklıysa, içeriği güncelle
-        if (iframeDocument.body.innerHTML !== value)
-            iframeDocument.body.innerHTML = value || `<p>${placeholder ?? ""}</p>`;
+        if (iframeDocument.body.innerHTML !== value) {
+            // iframeDocument.body.innerHTML = value || `<p>${placeholder ?? ""}</p>`;
+            iframeDocument.body.innerHTML = value ?? "";
+        }
         // Cursor (caret) konumunu geri yükle
         if (range) {
             selection?.removeAllRanges();
@@ -76,25 +78,27 @@ const TextEditor = ({ name, value, onChange, placeholder, height, validation })
         // Iframe yüklendikten sonra çalışacaktır.
         if (!iframe)
             return;
-        const iframeDocument = iframe.contentDocument || iframe.contentWindow?.document;
-        if (!iframeDocument)
-            return; // 👈 Güvenlik önlemi
+        const _iframeDocument = iframe.contentDocument || iframe.contentWindow?.document;
+        if (!_iframeDocument)
+            return;
+        setIframeDocument(_iframeDocument);
+        _iframeDocument.designMode = "on";
         // Herhangi bir değişikliği izlemek için MutationObserver kullan
         const observer = new MutationObserver((mutationsList) => {
             mutationsList.forEach(() => {
-                iframeDocument?.body.innerHTML === "<br>" ? onChange(undefined) : onChange(iframeDocument.body.innerHTML);
+                _iframeDocument?.body.innerHTML === "<br>"
+                    ? onChangeRef.current(undefined)
+                    : onChangeRef.current(_iframeDocument.body.innerHTML);
             });
         });
-        setIframeDocument(iframeDocument);
-        iframeDocument.designMode = "on";
         // Observer'ı body üzerinde başlat
-        observer.observe(iframeDocument.body, { childList: true, subtree: true, characterData: true, attributes: true });
-        iframeDocument.body.addEventListener("focus", handleFocus);
-        iframeDocument.body.addEventListener("blur", handleBlur);
+        observer.observe(_iframeDocument.body, { childList: true, subtree: true, characterData: true, attributes: true });
+        _iframeDocument.body.addEventListener("focus", handleFocus);
+        _iframeDocument.body.addEventListener("blur", handleBlur);
         return () => {
             observer.disconnect();
-            iframeDocument?.body.removeEventListener("focus", handleFocus);
-            iframeDocument?.body.removeEventListener("blur", handleBlur);
+            _iframeDocument?.body.removeEventListener("focus", handleFocus);
+            _iframeDocument?.body.removeEventListener("blur", handleBlur);
         };
     }, [iframe]);
     useEffect(() => {
@@ -108,6 +112,11 @@ const TextEditor = ({ name, value, onChange, placeholder, height, validation })
             }
         };
     }, []);
+    const onChangeRef = useRef(onChange);
+    // onChange değiştiğinde ref'i güncelle
+    useEffect(() => {
+        onChangeRef.current = onChange;
+    }, [onChange]);
     return (React.createElement("div", { ref: _container, className: "ar-text-editor" },
         React.createElement("div", { className: "toolbar" }, toolbarButtons.map(({ command, icon, tooltip }) => (React.createElement(Button, { key: command, type: "button", variant: "borderless", status: "secondary", icon: { element: React.createElement(ARIcon, { icon: icon, size: 18, fill: "var(--gray-700)" }) }, tooltip: {
                 text: tooltip,

package/dist/libs/core/application/hooks/index.js

@@ -88,10 +88,8 @@ export const useValidation = function (data, params, step) {
                 paramsShape(param, currentData);
             }
             else {
-                if (!value)
-                    return;
                 // Subkey sadece bir seviye ise, doğrudan kullanılır.
-                paramsShape(param, value[param.subkey]);
+                paramsShape(param, value?.[param.subkey]);
             }
         }
         else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ar-design",
-  "version": "0.2.36",
+  "version": "0.2.37",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",