ar-design 0.2.24 → 0.2.26

package/dist/components/data-display/table/index.js

@@ -109,8 +109,18 @@ const Table = forwardRef(({ children, title, description, data, columns, actions
             }, 750);
         }
         else {
-            setSearchedText((prev) => ({ ...prev, [event.target.name]: event.target.value }));
+            setSearchedText((prev) => {
+                const _state = { ...prev };
+                if (event.target.value === "") {
+                    delete _state[event.target.name]; // Key'i siliyoruz
+                }
+                else {
+                    _state[event.target.name] = event.target.value; // Yeni değeri ekliyoruz
+                }
+                return _state;
+            });
         }
+        setCurrentPage(1);
     };
     const handleCheckboxChange = useCallback(async (event) => {
         event.stopPropagation();
@@ -127,8 +137,8 @@ const Table = forwardRef(({ children, title, description, data, columns, actions
     }, []);
     // Derinlemesine arama yapmak için özyinelemeli bir fonksiyon tanımlayalım.
     const deepSearch = (item, searchedText) => {
-        if (!searchedText)
-            return false;
+        if (!searchedText || Object.keys(searchedText).length === 0)
+            return true;
         // Eğer değer bir sayı veya string ise, aranan metinle eşleşip eşleşmediğini kontrol ediyoruz.
         return Object.entries(searchedText).every(([key, value]) => {
             const _itemValue = item[key];
@@ -162,7 +172,6 @@ const Table = forwardRef(({ children, title, description, data, columns, actions
         if (searchedText) {
             _data = _data.filter((item) => deepSearch(item, searchedText));
             setTotalRecords(_data.length);
-            setCurrentPage(1);
         }
         else {
             setTotalRecords(data.length);
@@ -198,7 +207,7 @@ const Table = forwardRef(({ children, title, description, data, columns, actions
             setSearchedParams(checkboxSelectedParams);
         }
         else {
-            setSearchedText(checkboxSelectedParams);
+            setSearchedText((prev) => ({ ...prev, ...checkboxSelectedParams }));
         }
         setCurrentPage(1);
         pagination && pagination.onChange(1);
@@ -253,7 +262,7 @@ const Table = forwardRef(({ children, title, description, data, columns, actions
                                     className: `${_className.map((c) => c).join(" ")}`,
                                 }), ...(c.config?.width
                                     ? {
-                                        style: { minWidth: c.config.width },
+                                        style: { minWidth: c.config.width, maxWidth: c.config.width },
                                     }
                                     : // : { style: { maxWidth: thWidths[cIndex], minWidth: thWidths[cIndex] } })}
                                         { style: {} }), ...(c.config?.sticky && {
@@ -318,7 +327,7 @@ const Table = forwardRef(({ children, title, description, data, columns, actions
                                 className: `${_className.map((c) => c).join(" ")}`,
                             }), ...(c.config?.width
                                 ? {
-                                    style: { minWidth: c.config.width },
+                                    style: { minWidth: c.config.width, maxWidth: c.config.width },
                                 }
                                 : // : {
                                     //     style: { maxWidth: thWidths[cIndex], minWidth: thWidths[cIndex] },
@@ -345,5 +354,7 @@ const Table = forwardRef(({ children, title, description, data, columns, actions
                 } })))));
 });
 export default memo(Table, (prevProps, nextProps) => {
-    return JSON.stringify(prevProps.data) === JSON.stringify(nextProps.data);
+    return (JSON.stringify(prevProps.data) === JSON.stringify(nextProps.data) &&
+        JSON.stringify(prevProps.columns) === JSON.stringify(nextProps.columns) &&
+        JSON.stringify(prevProps.actions) === JSON.stringify(nextProps.actions));
 });

package/dist/components/feedback/popover/index.js

@@ -28,15 +28,18 @@ const Popover = ({ children, title, message, content, onConfirm, windowBlur, con
             const popoverRect = _arPopover.current.getBoundingClientRect();
             const elementRect = _arPopoverElement.current.getBoundingClientRect();
             if (elementRect) {
-                const screenCenter = window.innerHeight / 2;
+                const screenCenterX = window.innerWidth / 2;
+                const screenCenterY = window.innerHeight / 2;
                 const sx = window.scrollX || document.documentElement.scrollLeft;
                 const sy = window.scrollY || document.documentElement.scrollTop;
                 _arPopover.current.style.visibility = "visible";
                 _arPopover.current.style.opacity = "1";
-                _arPopover.current.style.top = `${(elementRect.top > screenCenter
+                _arPopover.current.style.top = `${(elementRect.top > screenCenterY
                     ? elementRect.top - popoverRect.height + elementRect.height
                     : elementRect.top) + sy}px`;
-                _arPopover.current.style.left = `${elementRect.left - popoverRect.width + sx - 10}px`;
+                _arPopover.current.style.left = `${(elementRect.left > screenCenterX
+                    ? elementRect.right - (elementRect.width + 7.5) - popoverRect.width
+                    : elementRect.left + elementRect.width + 7.5) + sx}px`;
             }
         }
     };

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

@@ -8,7 +8,7 @@ const Switch = ({ label, status = "primary", border = { radius: "pill" }, ...att
     const _switchClassName = ["ar-switch"];
     // states
     const [checked, setChecked] = useState(attributes.checked ?? false);
-    _switchClassName.push(...Utils.GetClassName("filled", checked ? status : "light", border, undefined, undefined, attributes.className));
+    _switchClassName.push(...Utils.GetClassName("filled", attributes.checked ? status : "light", border, undefined, undefined, attributes.className));
     // useEffects
     useEffect(() => {
         setChecked(attributes.checked ?? false);

package/package.json

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