@dreamtree-org/twreact-ui 1.0.73 → 1.0.74

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -276,6 +276,26 @@ const ChevronUp = createLucideIcon$1("ChevronUp", [
276
276
  */
277
277
 
278
278
 
279
+ const ChevronsLeft = createLucideIcon$1("ChevronsLeft", [
280
+ ["path", { d: "m11 17-5-5 5-5", key: "13zhaf" }],
281
+ ["path", { d: "m18 17-5-5 5-5", key: "h8a8et" }]
282
+ ]);
283
+
284
+ /**
285
+ * lucide-react v0.0.1 - ISC
286
+ */
287
+
288
+
289
+ const ChevronsRight = createLucideIcon$1("ChevronsRight", [
290
+ ["path", { d: "m6 17 5-5-5-5", key: "xnjwq" }],
291
+ ["path", { d: "m13 17 5-5-5-5", key: "17xmmf" }]
292
+ ]);
293
+
294
+ /**
295
+ * lucide-react v0.0.1 - ISC
296
+ */
297
+
298
+
279
299
  const EyeOff = createLucideIcon$1("EyeOff", [
280
300
  ["path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24", key: "1jxqfv" }],
281
301
  [
@@ -4741,12 +4761,23 @@ var Table = function Table(_ref) {
4741
4761
  }, /*#__PURE__*/React.createElement("div", {
4742
4762
  className: "flex gap-1"
4743
4763
  }, /*#__PURE__*/React.createElement("button", {
4764
+ className: "rounded-lg md:rounded-md border border-gray-300 p-2 disabled:opacity-50 hover:bg-gray-50",
4765
+ disabled: currentPage === 1,
4766
+ onClick: function onClick() {
4767
+ return handlePageChange(1);
4768
+ },
4769
+ "aria-label": "First page",
4770
+ title: "First page"
4771
+ }, /*#__PURE__*/React.createElement(ChevronsLeft, {
4772
+ className: "size-4 md:size-5 text-gray-800"
4773
+ })), /*#__PURE__*/React.createElement("button", {
4744
4774
  className: "rounded-lg md:rounded-md border border-gray-300 p-2 disabled:opacity-50 hover:bg-gray-50",
4745
4775
  disabled: currentPage === 1,
4746
4776
  onClick: function onClick() {
4747
4777
  return handlePageChange(Math.max(1, currentPage - 1));
4748
4778
  },
4749
- "aria-label": "Previous page"
4779
+ "aria-label": "Previous page",
4780
+ title: "Previous page"
4750
4781
  }, /*#__PURE__*/React.createElement(ChevronLeft, {
4751
4782
  className: "size-4 md:size-5 text-gray-800"
4752
4783
  })), /*#__PURE__*/React.createElement("button", {
@@ -4755,9 +4786,20 @@ var Table = function Table(_ref) {
4755
4786
  onClick: function onClick() {
4756
4787
  return handlePageChange(Math.min(totalPages, currentPage + 1));
4757
4788
  },
4758
- "aria-label": "Next page"
4789
+ "aria-label": "Next page",
4790
+ title: "Next page"
4759
4791
  }, /*#__PURE__*/React.createElement(ChevronRight, {
4760
4792
  className: "size-4 md:size-5 text-gray-800"
4793
+ })), /*#__PURE__*/React.createElement("button", {
4794
+ className: "rounded-lg md:rounded-md border border-gray-300 p-2 disabled:opacity-50 hover:bg-gray-50",
4795
+ disabled: currentPage === totalPages,
4796
+ onClick: function onClick() {
4797
+ return handlePageChange(totalPages);
4798
+ },
4799
+ "aria-label": "Last page",
4800
+ title: "Last page"
4801
+ }, /*#__PURE__*/React.createElement(ChevronsRight, {
4802
+ className: "size-4 md:size-5 text-gray-800"
4761
4803
  })))))), globalSearch && /*#__PURE__*/React.createElement("div", {
4762
4804
  className: "p-4 border-b"
4763
4805
  }, /*#__PURE__*/React.createElement("div", {
@@ -5007,6 +5049,17 @@ var Table = function Table(_ref) {
5007
5049
  }, "Page ", currentPage, " of ", totalPages), /*#__PURE__*/React.createElement("div", {
5008
5050
  className: "flex items-center gap-2"
5009
5051
  }, /*#__PURE__*/React.createElement("button", {
5052
+ 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",
5053
+ disabled: currentPage === 1,
5054
+ onClick: function onClick() {
5055
+ return handlePageChange(1);
5056
+ },
5057
+ title: "First page"
5058
+ }, /*#__PURE__*/React.createElement(ChevronsLeft, {
5059
+ className: "size-4"
5060
+ }), /*#__PURE__*/React.createElement("span", {
5061
+ className: "hidden sm:inline"
5062
+ }, "First")), /*#__PURE__*/React.createElement("button", {
5010
5063
  className: "rounded-lg md:rounded-md border border-gray-300 px-4 py-2 text-sm disabled:opacity-50 hover:bg-gray-50",
5011
5064
  disabled: currentPage === 1,
5012
5065
  onClick: function onClick() {
@@ -5031,7 +5084,18 @@ var Table = function Table(_ref) {
5031
5084
  onClick: function onClick() {
5032
5085
  return handlePageChange(Math.min(totalPages, currentPage + 1));
5033
5086
  }
5034
- }, "Next")))));
5087
+ }, "Next"), /*#__PURE__*/React.createElement("button", {
5088
+ 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",
5089
+ disabled: currentPage === totalPages,
5090
+ onClick: function onClick() {
5091
+ return handlePageChange(totalPages);
5092
+ },
5093
+ title: "Last page"
5094
+ }, /*#__PURE__*/React.createElement("span", {
5095
+ className: "hidden sm:inline"
5096
+ }, "Last"), /*#__PURE__*/React.createElement(ChevronsRight, {
5097
+ className: "size-4"
5098
+ }))))));
5035
5099
  };
5036
5100
 
5037
5101
  // ActionMenuPortal constants