@dreamtree-org/twreact-ui 1.0.73 → 1.0.74

package/dist/index.esm.js

@@ -256,6 +256,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" }],
   [
@@ -4721,12 +4741,23 @@ var Table = function Table(_ref) {
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "flex gap-1"
   }, /*#__PURE__*/React__default.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",
+    title: "First page"
+  }, /*#__PURE__*/React__default.createElement(ChevronsLeft, {
+    className: "size-4 md:size-5 text-gray-800"
+  })), /*#__PURE__*/React__default.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(Math.max(1, currentPage - 1));
     },
-    "aria-label": "Previous page"
+    "aria-label": "Previous page",
+    title: "Previous page"
   }, /*#__PURE__*/React__default.createElement(ChevronLeft, {
     className: "size-4 md:size-5 text-gray-800"
   })), /*#__PURE__*/React__default.createElement("button", {
@@ -4735,9 +4766,20 @@ var Table = function Table(_ref) {
     onClick: function onClick() {
       return handlePageChange(Math.min(totalPages, currentPage + 1));
     },
-    "aria-label": "Next page"
+    "aria-label": "Next page",
+    title: "Next page"
   }, /*#__PURE__*/React__default.createElement(ChevronRight, {
     className: "size-4 md:size-5 text-gray-800"
+  })), /*#__PURE__*/React__default.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",
+    title: "Last page"
+  }, /*#__PURE__*/React__default.createElement(ChevronsRight, {
+    className: "size-4 md:size-5 text-gray-800"
   })))))), globalSearch && /*#__PURE__*/React__default.createElement("div", {
     className: "p-4 border-b"
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -4987,6 +5029,17 @@ var Table = function Table(_ref) {
   }, "Page ", currentPage, " of ", totalPages), /*#__PURE__*/React__default.createElement("div", {
     className: "flex items-center gap-2"
   }, /*#__PURE__*/React__default.createElement("button", {
+    className: "rounded-lg md:rounded-md border border-gray-300 px-3 py-2 text-sm disabled:opacity-50 hover:bg-gray-50 flex items-center gap-1",
+    disabled: currentPage === 1,
+    onClick: function onClick() {
+      return handlePageChange(1);
+    },
+    title: "First page"
+  }, /*#__PURE__*/React__default.createElement(ChevronsLeft, {
+    className: "size-4"
+  }), /*#__PURE__*/React__default.createElement("span", {
+    className: "hidden sm:inline"
+  }, "First")), /*#__PURE__*/React__default.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",
     disabled: currentPage === 1,
     onClick: function onClick() {
@@ -5011,7 +5064,18 @@ var Table = function Table(_ref) {
     onClick: function onClick() {
       return handlePageChange(Math.min(totalPages, currentPage + 1));
     }
-  }, "Next")))));
+  }, "Next"), /*#__PURE__*/React__default.createElement("button", {
+    className: "rounded-lg md:rounded-md border border-gray-300 px-3 py-2 text-sm disabled:opacity-50 hover:bg-gray-50 flex items-center gap-1",
+    disabled: currentPage === totalPages,
+    onClick: function onClick() {
+      return handlePageChange(totalPages);
+    },
+    title: "Last page"
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "hidden sm:inline"
+  }, "Last"), /*#__PURE__*/React__default.createElement(ChevronsRight, {
+    className: "size-4"
+  }))))));
 };
 
 // ActionMenuPortal constants