ar-design 0.2.13 → 0.2.15

package/dist/components/form/switch/index.js

@@ -1,5 +1,5 @@
 "use client";
-import React, { useRef, useState } from "react";
+import React, { useEffect, useRef, useState } from "react";
 import "../../../assets/css/components/form/switch/styles.css";
 import Utils from "../../../libs/infrastructure/shared/Utils";
 const Switch = ({ label, status = "primary", border = { radius: "pill" }, ...attributes }) => {
@@ -9,6 +9,10 @@ const Switch = ({ label, status = "primary", border = { radius: "pill" }, ...att
     // states
     const [checked, setChecked] = useState(attributes.checked ?? false);
     _switchClassName.push(...Utils.GetClassName("filled", checked ? status : "light", border, undefined, undefined, attributes.className));
+    // useEffects
+    useEffect(() => {
+        setChecked(attributes.checked ?? false);
+    }, [attributes.checked]);
     return (React.createElement("div", { className: "ar-switch-wrapper" },
         React.createElement("label", null,
             React.createElement("input", { type: "checkbox", ...attributes, checked: checked, size: 0, onChange: (event) => {

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

@@ -6,7 +6,6 @@ import { ARIcon } from "../../icons";
 import "../../../assets/css/components/form/text-editor/styles.css";
 const TextEditor = ({ name, value, onChange, placeholder, height, validation }) => {
     // refs
-    const _firstLoad = useRef(false);
     const _container = useRef(null);
     const _arIframe = useRef(null);
     // states
@@ -57,12 +56,22 @@ const TextEditor = ({ name, value, onChange, placeholder, height, validation })
     // useEffects
     // Iframe Document yüklendikten sonra çalışacaktır. (Bir defa çalışır.)
     useEffect(() => {
-        if (iframeDocument && !_firstLoad.current) {
-            if (value)
-                iframeDocument.body.innerHTML = value;
-            else
-                iframeDocument.body.innerHTML = `<p>${placeholder ?? ""}</p>`;
-            _firstLoad.current = true;
+        if (!iframeDocument)
+            return;
+        const selection = iframeDocument.getSelection();
+        let range = null;
+        // Eğer bir seçim (caret) varsa, konumunu kaydet
+        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>`;
+        }
+        // Cursor (caret) konumunu geri yükle
+        if (range) {
+            selection?.removeAllRanges();
+            selection?.addRange(range);
         }
     }, [value, iframeDocument]);
     // Iframe yüklendikten sonra çalışacaktır.

package/package.json

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