ar-design 0.3.82 → 0.3.84

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

@@ -1,18 +1,21 @@
 "use client";
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import Input from "../../form/input";
 import DatePicker from "../../form/date-picker";
 import Select from "../../form/select";
 const Editable = function ({ c, item, index, onEditable, validation }) {
+    // variables
     const key = c.key;
     const itemValue = item[c.key];
     const selectItem = c.editable?.options?.find((x) => x.value === itemValue);
     const selectItems = Array.isArray(itemValue)
         ? c.editable?.options?.filter((x) => itemValue.includes(x.value))
         : [];
+    const _vText = validation?.[`${c.key}_${index}`];
     // states
     const [value, setValue] = useState(itemValue);
-    const _vText = validation?.[`${c.key}_${index}`];
+    // useEffects
+    useEffect(() => setValue(itemValue), [item]);
     switch (c.editable?.type) {
         case "string":
         case "number":

package/dist/components/data-display/table/IProps.d.ts

@@ -77,7 +77,7 @@ interface IProps<T> extends IChildren {
         totalRecords: number;
         perPage: number;
         currentPage?: number;
-        onChange?: (currentPage: number) => void;
+        onChange?: (currentPage: number, perPage: number) => void;
     };
     config?: Config<T>;
 }

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

@@ -161,8 +161,8 @@ const Table = forwardRef(({ children, trackBy, title, description, data, columns
                     ...prev,
                     [name]: { value: value, operator: operator },
                 }));
-                if (pagination && pagination.onChange)
-                    pagination.onChange(1);
+                if (pagination)
+                    pagination.onChange?.(1, selectedPerPage);
             }, 750);
         }
         else {
@@ -503,8 +503,8 @@ const Table = forwardRef(({ children, trackBy, title, description, data, columns
             setSearchedText((prev) => ({ ...prev, ...checkboxSelectedParams }));
         }
         setCurrentPage(1);
-        if (pagination && pagination.onChange)
-            pagination.onChange(1);
+        if (pagination)
+            pagination.onChange?.(1, selectedPerPage);
     }, [checkboxSelectedParams]);
     useEffect(() => {
         if (typeof selections === "function" && Array.isArray(selectionItems)) {
@@ -514,7 +514,7 @@ const Table = forwardRef(({ children, trackBy, title, description, data, columns
             const allChecked = _checkboxItems.current.every((item) => item?.checked === true);
             setSelectAll(allChecked);
         }
-    }, [selectionItems, currentPage]);
+    }, [selectionItems, currentPage, selectedPerPage]);
     useEffect(() => {
         // Filter Content alanı re-render işlemi.
         if (filterCurrentColumn && filterCurrentDataType) {
@@ -736,9 +736,10 @@ const Table = forwardRef(({ children, trackBy, title, description, data, columns
                     "of ",
                     selectedPerPage ?? getData.length,
                     " agreement")),
-            React.createElement(Pagination, { totalRecords: config.isServerSide ? pagination.totalRecords : totalRecords ?? 0, currentPage: currentPage, perPage: selectedPerPage, onPerPageChange: (perPage) => setSelectedPerPage(perPage), onChange: (currentPage) => {
+            React.createElement(Pagination, { totalRecords: config.isServerSide ? pagination.totalRecords : totalRecords ?? 0, currentPage: currentPage, perPage: selectedPerPage, onChange: (currentPage, perPage) => {
                     setCurrentPage(currentPage);
-                    pagination.onChange?.(currentPage);
+                    setSelectedPerPage(perPage);
+                    pagination.onChange?.(currentPage, perPage);
                     setTimeout(() => handleScroll(), 0);
                 } })))));
 });

package/dist/components/navigation/pagination/IProps.d.ts

@@ -3,7 +3,6 @@ interface IProps {
     currentPage: number;
     totalRecords: number;
     perPage?: number;
-    onPerPageChange: (perPage: number) => void;
-    onChange: (currentPage: number) => void;
+    onChange: (currentPage: number, perPage: number) => void;
 }
 export default IProps;

package/dist/components/navigation/pagination/index.js

@@ -11,7 +11,7 @@ const perPageOptions = [
     { value: 75, text: "75" },
     { value: 100, text: "100" },
 ];
-const Pagination = ({ currentPage, totalRecords, perPage, onPerPageChange, onChange }) => {
+const Pagination = ({ currentPage, totalRecords, perPage, onChange }) => {
     // context
     const { config } = useContext(ConfigContext);
     // states
@@ -19,7 +19,7 @@ const Pagination = ({ currentPage, totalRecords, perPage, onPerPageChange, onCha
     const [totalPageCount, setTotalPageCount] = useState(0);
     const [selectedPerPage, setSelectedPerPage] = useState(perPageOptions.find((x) => x.value === 10));
     // methods
-    const handlePageChange = (page) => onChange(page);
+    const handlePageChange = (page, perPage) => onChange(page, perPage);
     // useEffects
     useEffect(() => {
         if (totalRecords === 0)
@@ -34,39 +34,39 @@ const Pagination = ({ currentPage, totalRecords, perPage, onPerPageChange, onCha
         const endPage = Math.min(_totalPageCount, activePage + 1);
         // Sayfalama mantığı...
         for (let i = startPage; i <= endPage; i++) {
-            liItems.push(React.createElement("li", { key: i, className: i === activePage ? "selection-page" : "", onClick: () => handlePageChange(i) }, i));
+            liItems.push(React.createElement("li", { key: i, className: i === activePage ? "selection-page" : "", onClick: () => handlePageChange(i, selectedPerPage?.value) }, i));
         }
         setPages(liItems);
     }, [totalRecords, currentPage, perPage, config.perPage]);
     return (React.createElement("div", { className: "ar-pagination" },
         React.createElement(Select, { value: selectedPerPage, options: [...perPageOptions, { value: totalRecords, text: "Tümü" }], onChange: (option) => {
                 setSelectedPerPage(option);
-                onPerPageChange(option?.value);
+                handlePageChange(1, option?.value);
             } }),
         React.createElement("ul", null,
             React.createElement("li", { className: currentPage === 1 ? "passive" : "", onClick: () => {
                     if (currentPage === 1)
                         return;
-                    handlePageChange(1);
+                    handlePageChange(1, selectedPerPage?.value);
                 } },
                 React.createElement("span", null, "«")),
             React.createElement("li", { className: currentPage === 1 ? "passive" : "", onClick: () => {
                     if (currentPage === 1)
                         return;
-                    handlePageChange(currentPage - 1);
+                    handlePageChange(currentPage - 1, selectedPerPage?.value);
                 } },
                 React.createElement("span", null, "‹")),
             pages,
             React.createElement("li", { className: totalPageCount === currentPage ? "passive" : "", onClick: () => {
                     if (totalPageCount === currentPage)
                         return;
-                    handlePageChange(currentPage + 1);
+                    handlePageChange(currentPage + 1, selectedPerPage?.value);
                 } },
                 React.createElement("span", null, "›")),
             React.createElement("li", { className: totalPageCount === currentPage ? "passive" : "", onClick: () => {
                     if (totalPageCount === currentPage)
                         return;
-                    handlePageChange(totalPageCount);
+                    handlePageChange(totalPageCount, selectedPerPage?.value);
                 } },
                 React.createElement("span", null, "»")))));
 };

package/package.json

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