nillud-data-table 1.2.2 → 1.2.4

package/dist/index.js

@@ -38,7 +38,7 @@ var Column = ({ column, getSortField, sortBy, getFilters, filters }) => {
   return /* @__PURE__ */ jsxs("div", { className: "ndt-column", children: [
     /* @__PURE__ */ jsxs("div", { className: "ndt-column-head", children: [
       /* @__PURE__ */ jsx3("span", { children: column.title }),
-      typeof column.autoinc === "undefined" && (typeof column.sortable === "undefined" || column.sortable) && /* @__PURE__ */ jsx3("div", { className: "ndt-sorter", onClick: toggleSort, children: currentSort === "asc" ? /* @__PURE__ */ jsx3(SortDown_default, {}) : currentSort === "desc" ? /* @__PURE__ */ jsx3(SortUp_default, {}) : null })
+      typeof column.autoinc === "undefined" && (typeof column.sortable === "undefined" || column.sortable) && /* @__PURE__ */ jsx3("div", { className: "ndt-sorter", onClick: toggleSort, children: currentSort === "asc" ? /* @__PURE__ */ jsx3(SortDown_default, {}) : currentSort === "desc" ? /* @__PURE__ */ jsx3(SortUp_default, {}) : /* @__PURE__ */ jsx3(SortDown_default, {}) })
     ] }),
     /* @__PURE__ */ jsx3("div", { className: "ndt-column-footer", children: typeof column.autoinc === "undefined" && (typeof column.filterable === "undefined" || column.filterable) && /* @__PURE__ */ jsx3(
       "input",
@@ -235,7 +235,16 @@ var TableFooter = ({
     }
   };
   const renderPageNumbers = () => {
-    if (totalPages <= 1) return /* @__PURE__ */ jsx12("button", { onClick: () => handlePageChange(0), children: "1" }, "page-0");
+    if (totalPages <= 1) return /* @__PURE__ */ jsx12(
+      "button",
+      {
+        className: "btn-active",
+        onClick: () => handlePageChange(0),
+        disabled: true,
+        children: "1"
+      },
+      "page-0"
+    );
     const pages = [];
     const maxVisible = 5;
     let start = Math.max(0, paginationPage - Math.floor(maxVisible / 2));
@@ -409,6 +418,7 @@ var DataTable = forwardRef(({
   groupBy = null,
   isTitles = false
 }, ref) => {
+  const [isInitialLoad, setIsInitialLoad] = useState(true);
   const [filters, setFilters] = useState({});
   const [sortBy, setSortBy] = useState({ col: "", type: "asc" });
   const [paginationSize, setPaginationSize] = useState((paginationCounts == null ? void 0 : paginationCounts[0]) || 0);
@@ -437,8 +447,10 @@ var DataTable = forwardRef(({
       console.error("Error parsing localStorage data:", e);
       setSortBy({ col: "", type: "asc" });
       setFilters({});
-      setPaginationSize((paginationCounts == null ? void 0 : paginationCounts[0]) || 10);
+      setPaginationSize((paginationCounts == null ? void 0 : paginationCounts[0]) || 0);
       setPaginationPage(0);
+    } finally {
+      setIsInitialLoad(false);
     }
   }, [tableName, paginationCounts]);
   useEffect2(() => {
@@ -465,8 +477,10 @@ var DataTable = forwardRef(({
     return processedData.slice(start, start + paginationSize);
   }, [processedData, paginationPage, paginationSize]);
   useEffect2(() => {
-    setPaginationPage(0);
-  }, [filters, sortBy]);
+    if (!isInitialLoad) {
+      setPaginationPage(0);
+    }
+  }, [filters, sortBy, isInitialLoad]);
   useDebouncedEffect(() => {
     localStorage.setItem(`${tableName}-filters`, JSON.stringify(filters));
   }, [filters, tableName], 500);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nillud-data-table",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",