@dreamtree-org/twreact-ui 1.0.78 → 1.0.80

package/dist/index.js

@@ -276,6 +276,26 @@ const ChevronUp = createLucideIcon$1("ChevronUp", [
  */
 
 
+const ChevronsLeft = createLucideIcon$1("ChevronsLeft", [
+  ["path", { d: "m11 17-5-5 5-5", key: "13zhaf" }],
+  ["path", { d: "m18 17-5-5 5-5", key: "h8a8et" }]
+]);
+
+/**
+ * lucide-react v0.0.1 - ISC
+ */
+
+
+const ChevronsRight = createLucideIcon$1("ChevronsRight", [
+  ["path", { d: "m6 17 5-5-5-5", key: "xnjwq" }],
+  ["path", { d: "m13 17 5-5-5-5", key: "17xmmf" }]
+]);
+
+/**
+ * lucide-react v0.0.1 - ISC
+ */
+
+
 const EyeOff = createLucideIcon$1("EyeOff", [
   ["path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24", key: "1jxqfv" }],
   [
@@ -4657,7 +4677,16 @@ var Table = function Table(_ref2) {
     className: "text-sm text-gray-700 whitespace-nowrap"
   }, filteredData.length === 0 ? 0 : startIndex + 1, " -", " ", Math.min(endIndex, filteredData.length), " of ", filteredData.length, " results"), pagination && /*#__PURE__*/React.createElement("div", {
     className: "flex items-center gap-1"
-  }, /*#__PURE__*/React.createElement("button", {
+  }, totalPages >= 4 && /*#__PURE__*/React.createElement("button", {
+    className: "rounded-lg md:rounded-md border border-gray-300 p-2 disabled:opacity-50 hover:bg-gray-50",
+    disabled: currentPage === 1,
+    onClick: function onClick() {
+      return handlePageChange(1);
+    },
+    "aria-label": "First page"
+  }, /*#__PURE__*/React.createElement(ChevronsLeft, {
+    className: "size-4 md:size-5 text-gray-800"
+  })), /*#__PURE__*/React.createElement("button", {
     className: "rounded-lg md:rounded-md border border-gray-300 p-2 disabled:opacity-50 hover:bg-gray-50",
     disabled: currentPage === 1,
     onClick: function onClick() {
@@ -4675,6 +4704,15 @@ var Table = function Table(_ref2) {
     "aria-label": "Next page"
   }, /*#__PURE__*/React.createElement(ChevronRight, {
     className: "size-4 md:size-5 text-gray-800"
+  })), totalPages >= 4 && /*#__PURE__*/React.createElement("button", {
+    className: "rounded-lg md:rounded-md border border-gray-300 p-2 disabled:opacity-50 hover:bg-gray-50",
+    disabled: currentPage === totalPages,
+    onClick: function onClick() {
+      return handlePageChange(totalPages);
+    },
+    "aria-label": "Last page"
+  }, /*#__PURE__*/React.createElement(ChevronsRight, {
+    className: "size-4 md:size-5 text-gray-800"
   }))))), globalSearch && /*#__PURE__*/React.createElement("div", {
     className: "p-4 border-b"
   }, /*#__PURE__*/React.createElement("div", {
@@ -4950,17 +4988,29 @@ var Table = function Table(_ref2) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "text-sm text-gray-600"
   }, "Page ", currentPage, " of ", totalPages), /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center gap-2"
-  }, /*#__PURE__*/React.createElement("button", {
-    className: "rounded-lg md:rounded-md border border-gray-300 px-4 py-2 text-sm disabled:opacity-50 hover:bg-gray-50",
+    className: "flex items-center gap-1 sm:gap-2"
+  }, totalPages >= 4 && /*#__PURE__*/React.createElement("button", {
+    className: cn$1("rounded-lg md:rounded-md border border-gray-300 disabled:opacity-50 hover:bg-gray-50", isMobileView ? "p-2" : "px-4 py-2 text-sm"),
+    disabled: currentPage === 1,
+    onClick: function onClick() {
+      return handlePageChange(1);
+    },
+    "aria-label": "First page"
+  }, isMobileView ? /*#__PURE__*/React.createElement(ChevronsLeft, {
+    className: "size-4 text-gray-800"
+  }) : "First"), /*#__PURE__*/React.createElement("button", {
+    className: cn$1("rounded-lg md:rounded-md border border-gray-300 disabled:opacity-50 hover:bg-gray-50", isMobileView ? "p-2" : "px-4 py-2 text-sm"),
     disabled: currentPage === 1,
     onClick: function onClick() {
       return handlePageChange(Math.max(1, currentPage - 1));
-    }
-  }, "Previous"), /*#__PURE__*/React.createElement("div", {
+    },
+    "aria-label": "Previous page"
+  }, isMobileView ? /*#__PURE__*/React.createElement(ChevronLeft, {
+    className: "size-4 text-gray-800"
+  }) : "Previous"), /*#__PURE__*/React.createElement("div", {
     className: "flex items-center gap-1"
   }, Array.from({
-    length: Math.min(5, totalPages)
+    length: Math.min(isMobileView ? 5 : 3, totalPages)
   }, function (_, i) {
     var pageNum;
     if (totalPages <= 5) {
@@ -4983,12 +5033,24 @@ var Table = function Table(_ref2) {
       }
     }, pageNum);
   })), /*#__PURE__*/React.createElement("button", {
-    className: "rounded-lg md:rounded-md border border-gray-300 px-4 py-2 text-sm disabled:opacity-50 hover:bg-gray-50",
+    className: cn$1("rounded-lg md:rounded-md border border-gray-300 disabled:opacity-50 hover:bg-gray-50", isMobileView ? "p-2" : "px-4 py-2 text-sm"),
     disabled: currentPage === totalPages,
     onClick: function onClick() {
       return handlePageChange(Math.min(totalPages, currentPage + 1));
-    }
-  }, "Next")))));
+    },
+    "aria-label": "Next page"
+  }, isMobileView ? /*#__PURE__*/React.createElement(ChevronRight, {
+    className: "size-4 text-gray-800"
+  }) : "Next"), totalPages >= 4 && /*#__PURE__*/React.createElement("button", {
+    className: cn$1("rounded-lg md:rounded-md border border-gray-300 disabled:opacity-50 hover:bg-gray-50", isMobileView ? "p-2" : "px-4 py-2 text-sm"),
+    disabled: currentPage === totalPages,
+    onClick: function onClick() {
+      return handlePageChange(totalPages);
+    },
+    "aria-label": "Last page"
+  }, isMobileView ? /*#__PURE__*/React.createElement(ChevronsRight, {
+    className: "size-4 text-gray-800"
+  }) : "Last")))));
 };
 
 var isCheckBoxInput = (element) => element.type === 'checkbox';