ar-design 0.1.77 → 0.1.78

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

@@ -13,6 +13,7 @@ const Table = function ({ children, title, description, data, columns, actions,
     const _tableContent = useRef(null);
     const _table = useRef(null);
     const _checkboxItems = useRef([]);
+    const _searchTimeOut = useRef(null);
     // className
     const _tableClassName = ["ar-table", "scroll"];
     // states
@@ -114,11 +115,10 @@ const Table = function ({ children, title, description, data, columns, actions,
     const getData = useCallback(() => {
         let _data = [...data];
         _dataLength.current = data.length;
-        if (pagination) {
+        if (pagination && !config.isServerSide) {
             const indexOfLastRow = currentPage * pagination.perPage;
             const indexOfFirstRow = indexOfLastRow - pagination.perPage;
-            if (!config.isServerSide)
-                _data = data.slice(indexOfFirstRow, indexOfLastRow);
+            _data = data.slice(indexOfFirstRow, indexOfLastRow);
         }
         return Object.keys(searchedTexts).length > 0
             ? _data.filter((item) => {
@@ -138,16 +138,18 @@ const Table = function ({ children, title, description, data, columns, actions,
     }, [selectionItems]);
     useEffect(() => {
         if (config?.isServerSide && searchedParams) {
-            // Nesneyi query parametrelere dönüştürme
-            const query = Object.entries(_searchedParams ?? {})
-                .map(([key, value]) => {
-                return `${encodeURIComponent(key)}=${encodeURIComponent(value)}`;
-            })
-                .join("&");
+            // const query = Object.entries(_searchedParams ?? {})
+            //   .map(([key, value]) => {
+            //     return `${key}=${value}`;
+            //   })
+            //   .join("&");
+            const query = new URLSearchParams(_searchedParams).toString();
             searchedParams(_searchedParams, query);
         }
     }, [_searchedParams]);
     useEffect(() => {
+        if (!selections)
+            return;
         let allChecked = false;
         if (_checkboxItems.current.length > 0) {
             allChecked = _checkboxItems.current.every((item) => item?.checked === true);
@@ -215,8 +217,12 @@ const Table = function ({ children, title, description, data, columns, actions,
                                 }) },
                                 React.createElement("input", { name: String(c.key), className: "search-input", onChange: (event) => {
                                         if (config.isServerSide) {
-                                            // "searchedParams" özelliğinden geriye dönecek olan değer/ler...
-                                            setSearchedParams((prev) => ({ ...prev, [event.target.name]: event.target.value }));
+                                            if (_searchTimeOut.current)
+                                                clearTimeout(_searchTimeOut.current);
+                                            _searchTimeOut.current = setTimeout(() => {
+                                                setSearchedParams((prev) => ({ ...prev, [event.target.name]: event.target.value }));
+                                                pagination && pagination.onChange(1);
+                                            }, 750);
                                         }
                                         else {
                                             // Bileşen bazlı arama işlemi.
@@ -289,9 +295,7 @@ const Table = function ({ children, title, description, data, columns, actions,
                     pagination?.perPage ?? getData().length,
                     " agreement")),
             pagination && pagination.totalRecords > pagination.perPage && (React.createElement(Pagination, { totalRecords: pagination.totalRecords, perPage: pagination.perPage, onChange: (currentPage) => {
-                    setCurrentPage(currentPage);
-                    // Table tarafında yapılan sayfalamayı dışarı aktarmak için kullanılan callback.
-                    pagination.onChange(currentPage);
+                    !config.isServerSide ? setCurrentPage(currentPage) : pagination.onChange(currentPage);
                 } })))));
 };
 Table.Action = Actions;

package/package.json

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