catchup-library-web 1.15.15 → 1.15.17

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.
Files changed (4) hide show
  1. package/dist/index.js +13 -6
  2. package/dist/index.mjs +13 -6
  3. package/package.json +1 -1
  4. package/src/components/groups/PageTravelGroup.tsx +23 -17
package/dist/index.js CHANGED
@@ -7394,7 +7394,7 @@ var PageTravelGroup = ({
7394
7394
  setNewPageNumber(pageNumber + 1);
7395
7395
  }, [pageNumber]);
7396
7396
  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex-1 flex flex-row justify-center items-center flex-wrap", children: [
7397
- pageNumber === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "px-2", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
7397
+ pageNumber === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "px-2 flex flex-col items-center", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
7398
7398
  BaseImage_default,
7399
7399
  {
7400
7400
  size: "small",
@@ -7404,12 +7404,14 @@ var PageTravelGroup = ({
7404
7404
  if (isImageProcessing) {
7405
7405
  handleImageProcessing();
7406
7406
  } else {
7407
- setPageNumber(pageNumber - 1);
7407
+ if (pageNumber - 1 >= 1) {
7408
+ setPageNumber(pageNumber - 1);
7409
+ }
7408
7410
  setImageReady(false);
7409
7411
  }
7410
7412
  }
7411
7413
  }
7412
- ) }) }),
7414
+ ) }),
7413
7415
  Array.from(Array(totalPageNumber).keys()).filter((index) => index < pageNumber + 5).filter((index) => index > pageNumber - 5).map((index) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "px-2", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
7414
7416
  "p",
7415
7417
  {
@@ -7425,7 +7427,7 @@ var PageTravelGroup = ({
7425
7427
  children: index + 1
7426
7428
  }
7427
7429
  ) }, index)),
7428
- totalPageNumber === 0 || pageNumber === totalPageNumber - 1 ? null : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "px-2", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
7430
+ totalPageNumber === 0 || pageNumber === totalPageNumber - 1 ? null : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "px-2 flex flex-col items-center", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
7429
7431
  BaseImage_default,
7430
7432
  {
7431
7433
  size: "small",
@@ -7435,7 +7437,9 @@ var PageTravelGroup = ({
7435
7437
  if (isImageProcessing) {
7436
7438
  handleImageProcessing();
7437
7439
  } else {
7438
- setPageNumber(pageNumber + 1);
7440
+ if (pageNumber + 1 <= totalPageNumber) {
7441
+ setPageNumber(pageNumber + 1);
7442
+ }
7439
7443
  setImageReady(false);
7440
7444
  }
7441
7445
  }
@@ -7448,7 +7452,10 @@ var PageTravelGroup = ({
7448
7452
  type: "text",
7449
7453
  value: newPageNumber,
7450
7454
  onChange: (e) => {
7451
- setNewPageNumber(parseFloat(e.target.value));
7455
+ const inputPageNumber = parseFloat(e.target.value);
7456
+ if (inputPageNumber >= 1 && inputPageNumber <= totalPageNumber) {
7457
+ setNewPageNumber(inputPageNumber);
7458
+ }
7452
7459
  },
7453
7460
  onKeyDown: (e) => {
7454
7461
  if (e.key === "Enter") {
package/dist/index.mjs CHANGED
@@ -7182,7 +7182,7 @@ var PageTravelGroup = ({
7182
7182
  setNewPageNumber(pageNumber + 1);
7183
7183
  }, [pageNumber]);
7184
7184
  return /* @__PURE__ */ jsxs39("div", { className: "flex-1 flex flex-row justify-center items-center flex-wrap", children: [
7185
- pageNumber === 0 ? null : /* @__PURE__ */ jsx52("div", { className: "px-2", children: /* @__PURE__ */ jsx52("div", { className: "cursor-pointer", children: /* @__PURE__ */ jsx52(
7185
+ pageNumber === 0 ? null : /* @__PURE__ */ jsx52("div", { className: "px-2 flex flex-col items-center", children: /* @__PURE__ */ jsx52(
7186
7186
  BaseImage_default,
7187
7187
  {
7188
7188
  size: "small",
@@ -7192,12 +7192,14 @@ var PageTravelGroup = ({
7192
7192
  if (isImageProcessing) {
7193
7193
  handleImageProcessing();
7194
7194
  } else {
7195
- setPageNumber(pageNumber - 1);
7195
+ if (pageNumber - 1 >= 1) {
7196
+ setPageNumber(pageNumber - 1);
7197
+ }
7196
7198
  setImageReady(false);
7197
7199
  }
7198
7200
  }
7199
7201
  }
7200
- ) }) }),
7202
+ ) }),
7201
7203
  Array.from(Array(totalPageNumber).keys()).filter((index) => index < pageNumber + 5).filter((index) => index > pageNumber - 5).map((index) => /* @__PURE__ */ jsx52("div", { className: "px-2", children: /* @__PURE__ */ jsx52(
7202
7204
  "p",
7203
7205
  {
@@ -7213,7 +7215,7 @@ var PageTravelGroup = ({
7213
7215
  children: index + 1
7214
7216
  }
7215
7217
  ) }, index)),
7216
- totalPageNumber === 0 || pageNumber === totalPageNumber - 1 ? null : /* @__PURE__ */ jsx52("div", { className: "px-2", children: /* @__PURE__ */ jsx52(
7218
+ totalPageNumber === 0 || pageNumber === totalPageNumber - 1 ? null : /* @__PURE__ */ jsx52("div", { className: "px-2 flex flex-col items-center", children: /* @__PURE__ */ jsx52(
7217
7219
  BaseImage_default,
7218
7220
  {
7219
7221
  size: "small",
@@ -7223,7 +7225,9 @@ var PageTravelGroup = ({
7223
7225
  if (isImageProcessing) {
7224
7226
  handleImageProcessing();
7225
7227
  } else {
7226
- setPageNumber(pageNumber + 1);
7228
+ if (pageNumber + 1 <= totalPageNumber) {
7229
+ setPageNumber(pageNumber + 1);
7230
+ }
7227
7231
  setImageReady(false);
7228
7232
  }
7229
7233
  }
@@ -7236,7 +7240,10 @@ var PageTravelGroup = ({
7236
7240
  type: "text",
7237
7241
  value: newPageNumber,
7238
7242
  onChange: (e) => {
7239
- setNewPageNumber(parseFloat(e.target.value));
7243
+ const inputPageNumber = parseFloat(e.target.value);
7244
+ if (inputPageNumber >= 1 && inputPageNumber <= totalPageNumber) {
7245
+ setNewPageNumber(inputPageNumber);
7246
+ }
7240
7247
  },
7241
7248
  onKeyDown: (e) => {
7242
7249
  if (e.key === "Enter") {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "catchup-library-web",
3
- "version": "1.15.15",
3
+ "version": "1.15.17",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {
package/src/components/groups/PageTravelGroup.tsx CHANGED
@@ -25,22 +25,22 @@ const PageTravelGroup = ({
25
25
  return (
26
26
  <div className="flex-1 flex flex-row justify-center items-center flex-wrap">
27
27
  {pageNumber === 0 ? null : (
28
- <div className="px-2">
29
- <div className="cursor-pointer">
30
- <BaseImage
31
- size="small"
32
- alt="arrow-left"
33
- src="/icons/arrow-left.webp"
34
- onClick={() => {
35
- if (isImageProcessing) {
36
- handleImageProcessing();
37
- } else {
28
+ <div className="px-2 flex flex-col items-center">
29
+ <BaseImage
30
+ size="small"
31
+ alt="arrow-left"
32
+ src="/icons/arrow-left.webp"
33
+ onClick={() => {
34
+ if (isImageProcessing) {
35
+ handleImageProcessing();
36
+ } else {
37
+ if (pageNumber - 1 >= 1) {
38
38
  setPageNumber(pageNumber - 1);
39
- setImageReady(false);
40
39
  }
41
- }}
42
- />
43
- </div>
40
+ setImageReady(false);
41
+ }
42
+ }}
43
+ />
44
44
  </div>
45
45
  )}
46
46
  {Array.from(Array(totalPageNumber).keys())
@@ -67,7 +67,7 @@ const PageTravelGroup = ({
67
67
  ))}
68
68
 
69
69
  {totalPageNumber === 0 || pageNumber === totalPageNumber - 1 ? null : (
70
- <div className="px-2">
70
+ <div className="px-2 flex flex-col items-center">
71
71
  <BaseImage
72
72
  size="small"
73
73
  alt="arrow-right"
@@ -76,7 +76,10 @@ const PageTravelGroup = ({
76
76
  if (isImageProcessing) {
77
77
  handleImageProcessing();
78
78
  } else {
79
- setPageNumber(pageNumber + 1);
79
+ if (pageNumber + 1 <= totalPageNumber) {
80
+ setPageNumber(pageNumber + 1);
81
+ }
82
+
80
83
  setImageReady(false);
81
84
  }
82
85
  }}
@@ -89,7 +92,10 @@ const PageTravelGroup = ({
89
92
  type="text"
90
93
  value={newPageNumber}
91
94
  onChange={(e) => {
92
- setNewPageNumber(parseFloat(e.target.value));
95
+ const inputPageNumber = parseFloat(e.target.value);
96
+ if (inputPageNumber >= 1 && inputPageNumber <= totalPageNumber) {
97
+ setNewPageNumber(inputPageNumber);
98
+ }
93
99
  }}
94
100
  onKeyDown={(e) => {
95
101
  if (e.key === "Enter") {