eleven-solutions-common-website-unique-web 20.0.33 → 20.0.35

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.
@@ -33,10 +33,20 @@ const Users = ({ url }) => {
33
33
  };
34
34
  const [currentPage, setCurrentPage] = useState(1);
35
35
  const itemsPerPage = 10;
36
- const filteredUsers = users.filter((user) => (searchTerm.length >= 2 &&
37
- user.name.toLowerCase().includes(searchTerm.toLowerCase())) ||
38
- user.email.toLowerCase().includes(searchTerm.toLowerCase()) ||
39
- user.mobile.toString().includes(searchTerm));
36
+ // const filteredUsers = users.filter(
37
+ // (user) =>
38
+ // (searchTerm.length >= 2 &&
39
+ // user.name.toLowerCase().includes(searchTerm.toLowerCase())) ||
40
+ // user.email.toLowerCase().includes(searchTerm.toLowerCase()) ||
41
+ // user.mobile.toString().includes(searchTerm)
42
+ // );
43
+ const filteredUsers = users.filter((user) => {
44
+ if (searchTerm.length < 2)
45
+ return true; // Show all users when input has fewer than 2 characters
46
+ return (user.name.toLowerCase().includes(searchTerm) ||
47
+ user.email.toLowerCase().includes(searchTerm) ||
48
+ user.mobile.toString().includes(searchTerm));
49
+ });
40
50
  const totalPages = Math.ceil(filteredUsers.length / itemsPerPage);
41
51
  const handleNextPage = () => {
42
52
  if (currentPage < totalPages) {
@@ -73,9 +83,9 @@ const Users = ({ url }) => {
73
83
  // };
74
84
  const handleSearchChange = (event) => {
75
85
  const value = event.target.value.toLowerCase();
76
- setSearchTerm(value); // Always update the input field
77
- if (value.length === 0) {
78
- setCurrentPage(1); // Reset to the first page if input is cleared
86
+ setSearchTerm(value); // Always update the state
87
+ if (value.length < 2) {
88
+ setCurrentPage(1); // Reset pagination if input length is less than 2
79
89
  }
80
90
  };
81
91
  const handleSearchSubmit = (event) => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "eleven-solutions-common-website-unique-web",
3
- "version": "20.0.33",
3
+ "version": "20.0.35",
4
4
  "main": "./dist/index.js",
5
5
  "scripts": {
6
6
  "build": "tsc",
@@ -35,13 +35,22 @@ const Users = ({ url }: UsersProps) => {
35
35
  const [currentPage, setCurrentPage] = useState(1);
36
36
  const itemsPerPage = 10;
37
37
 
38
- const filteredUsers = users.filter(
39
- (user) =>
40
- (searchTerm.length >= 2 &&
41
- user.name.toLowerCase().includes(searchTerm.toLowerCase())) ||
42
- user.email.toLowerCase().includes(searchTerm.toLowerCase()) ||
38
+ // const filteredUsers = users.filter(
39
+ // (user) =>
40
+ // (searchTerm.length >= 2 &&
41
+ // user.name.toLowerCase().includes(searchTerm.toLowerCase())) ||
42
+ // user.email.toLowerCase().includes(searchTerm.toLowerCase()) ||
43
+ // user.mobile.toString().includes(searchTerm)
44
+ // );
45
+
46
+ const filteredUsers = users.filter((user) => {
47
+ if (searchTerm.length < 2) return true; // Show all users when input has fewer than 2 characters
48
+ return (
49
+ user.name.toLowerCase().includes(searchTerm) ||
50
+ user.email.toLowerCase().includes(searchTerm) ||
43
51
  user.mobile.toString().includes(searchTerm)
44
- );
52
+ );
53
+ });
45
54
 
46
55
  const totalPages = Math.ceil(filteredUsers.length / itemsPerPage);
47
56
 
@@ -94,9 +103,9 @@ const Users = ({ url }: UsersProps) => {
94
103
 
95
104
  const handleSearchChange = (event: React.ChangeEvent<HTMLInputElement>) => {
96
105
  const value = event.target.value.toLowerCase();
97
- setSearchTerm(value); // Always update the input field
98
- if (value.length === 0) {
99
- setCurrentPage(1); // Reset to the first page if input is cleared
106
+ setSearchTerm(value); // Always update the state
107
+ if (value.length < 2) {
108
+ setCurrentPage(1); // Reset pagination if input length is less than 2
100
109
  }
101
110
  };
102
111