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

package/dist/components/admin/UserForm.js

@@ -19,7 +19,7 @@ const UserForm = ({ url }) => {
     const [gender, setGender] = useState("");
     const [isEditMode, setIsEditMode] = useState(false);
     const validateForm = () => {
-        if (!userName || !email || !roleType) {
+        if (!userName || !roleType) {
             alert("Please fill in all required fields: User Name, Email, and Role Type.");
             return false;
         }
@@ -63,7 +63,6 @@ const UserForm = ({ url }) => {
                 yield addUserApi(url, userName, email, mobile, address, roleType, gender);
                 alert("User added successfully");
             }
-            // window.location.href = "/admin/users";
             window.history.pushState({}, "", "/admin/users");
             window.dispatchEvent(new PopStateEvent("popstate"));
         }
@@ -82,6 +81,8 @@ const UserForm = ({ url }) => {
         window.history.pushState({}, "", "/admin/users");
         window.dispatchEvent(new PopStateEvent("popstate"));
     };
-    return (_jsx("div", { className: "max-w-4xl p-6 mx-auto dark:bg-gray-800", children: _jsx("div", { children: _jsxs("form", { children: [_jsx("h1", { className: "text-3xl font-bold text-center text-blue-600 capitalize dark:text-white mb-4", children: isEditMode ? "Edit User" : "Add User" }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Name ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { required: true, value: userName, onChange: (e) => setUserName(e.target.value), type: "text", className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter User Name" })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Email ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { required: true, value: email, onChange: (e) => setEmail(e.target.value), type: "email", className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter Email", disabled: isEditMode })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsx("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: "Mobile Number" }), _jsx("input", { required: true, value: mobile, onChange: (e) => setMobile(e.target.value), type: "number", className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter Mobile Number" })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsx("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: "Address" }), _jsx("input", { required: true, value: address, onChange: (e) => setAddress(e.target.value), type: "text", className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Address" })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Gender ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsxs("select", { required: true, value: gender, onChange: (e) => setGender(e.target.value), className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", children: [_jsx("option", { value: "", children: "Select a Gender" }), _jsx("option", { value: "1", children: "Male" }), _jsx("option", { value: "2", children: "Female" })] })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Role Type ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsxs("select", { required: true, value: roleType, onChange: (e) => setRoleType(e.target.value), className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", children: [_jsx("option", { value: "", children: "Select a Role Type" }), _jsx("option", { value: "1", children: "Guest" }), _jsx("option", { value: "2", children: "Admin" })] })] }), _jsxs("div", { className: "flex space-x-4 mt-6 justify-end", children: [_jsx("button", { type: "submit", onClick: handleSubmit, className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: isEditMode ? "Edit" : "Add" }), _jsx("button", { type: "button", onClick: handleCancelClick, className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: "Cancel" })] })] }) }) }));
+    return (_jsx("div", { className: "max-w-4xl p-6 mx-auto dark:bg-gray-800", children: _jsx("div", { children: _jsxs("form", { children: [_jsx("h1", { className: "text-3xl font-bold text-center text-blue-600 capitalize dark:text-white mb-4", children: isEditMode ? "Edit User" : "Add User" }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Name ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { required: true, value: userName, onChange: (e) => setUserName(e.target.value), type: "text", className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter User Name" })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Email ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { required: true, value: email, onChange: (e) => setEmail(e.target.value), type: "email", className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter Email", disabled: isEditMode })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsx("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: "Mobile Number" }), _jsx("input", { required: true, value: mobile, onChange: (e) => setMobile(e.target.value), type: "number", className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter Mobile Number" })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsx("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: "Address" }), _jsx("input", { required: true, value: address, onChange: (e) => setAddress(e.target.value), type: "text", className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Address" })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsx("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: "Gender" }), _jsxs("select", { required: true, value: gender, 
+                                // onChange={(e) => setGender(e.target.value)}
+                                onChange: (e) => setGender(e.target.value === "" ? null : e.target.value), className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", children: [_jsx("option", { value: "", children: "Select a Gender" }), _jsx("option", { value: "1", children: "Male" }), _jsx("option", { value: "2", children: "Female" })] })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Role Type ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsxs("select", { required: true, value: roleType, onChange: (e) => setRoleType(e.target.value), className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", children: [_jsx("option", { value: "", children: "Select a Role Type" }), _jsx("option", { value: "1", children: "Guest" }), _jsx("option", { value: "2", children: "Admin" })] })] }), _jsxs("div", { className: "flex space-x-4 mt-6 justify-end", children: [_jsx("button", { type: "submit", onClick: handleSubmit, className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: isEditMode ? "Edit" : "Add" }), _jsx("button", { type: "button", onClick: handleCancelClick, className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: "Cancel" })] })] }) }) }));
 };
 export default UserForm;

package/dist/components/admin/Users.js

@@ -33,16 +33,9 @@ const Users = ({ url }) => {
     };
     const [currentPage, setCurrentPage] = useState(1);
     const itemsPerPage = 10;
-    // const filteredUsers = users.filter(
-    //   (user) =>
-    //     (searchTerm.length >= 2 &&
-    //       user.name.toLowerCase().includes(searchTerm.toLowerCase())) ||
-    //     user.email.toLowerCase().includes(searchTerm.toLowerCase()) ||
-    //     user.mobile.toString().includes(searchTerm)
-    // );
     const filteredUsers = users.filter((user) => {
         if (searchTerm.length < 2)
-            return true; // Show all users when input has fewer than 2 characters
+            return true;
         return (user.name.toLowerCase().includes(searchTerm) ||
             user.email.toLowerCase().includes(searchTerm) ||
             user.mobile.toString().includes(searchTerm));
@@ -77,15 +70,11 @@ const Users = ({ url }) => {
         window.history.pushState({}, "", path + id);
         window.dispatchEvent(new PopStateEvent("popstate"));
     };
-    // const handleSearchChange = (event: React.ChangeEvent<HTMLInputElement>) => {
-    //   setSearchTerm(event.target.value.toLowerCase());
-    //   setCurrentPage(1);
-    // };
     const handleSearchChange = (event) => {
         const value = event.target.value.toLowerCase();
-        setSearchTerm(value); // Always update the state
+        setSearchTerm(value);
         if (value.length < 2) {
-            setCurrentPage(1); // Reset pagination if input length is less than 2
+            setCurrentPage(1);
         }
     };
     const handleSearchSubmit = (event) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eleven-solutions-common-website-unique-web",
-  "version": "20.0.35",
+  "version": "20.0.37",
   "main": "./dist/index.js",
   "scripts": {
     "build": "tsc",

package/src/components/admin/UserForm.tsx

@@ -18,7 +18,7 @@ const UserForm = ({ url }: UserFormProps) => {
   const [isEditMode, setIsEditMode] = useState<boolean>(false);
 
   const validateForm = () => {
-    if (!userName || !email || !roleType) {
+    if (!userName || !roleType) {
       alert(
         "Please fill in all required fields: User Name, Email, and Role Type."
       );
@@ -88,7 +88,6 @@ const UserForm = ({ url }: UserFormProps) => {
         );
         alert("User added successfully");
       }
-      // window.location.href = "/admin/users";
       window.history.pushState({}, "", "/admin/users");
       window.dispatchEvent(new PopStateEvent("popstate"));
     } catch (error) {
@@ -173,12 +172,15 @@ const UserForm = ({ url }: UserFormProps) => {
 
           <div className="mb-6 w-full">
             <label className="text-gray-900 dark:text-gray-200 font-semibold">
-              Gender <span className="text-red-500">*</span>
+              Gender
             </label>
             <select
               required
               value={gender}
-              onChange={(e) => setGender(e.target.value)}
+              // onChange={(e) => setGender(e.target.value)}
+              onChange={(e) =>
+                setGender(e.target.value === "" ? null : e.target.value)
+              }
               className="w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring"
             >
               <option value="">Select a Gender</option>

package/src/components/admin/Users.tsx

@@ -35,16 +35,8 @@ const Users = ({ url }: UsersProps) => {
   const [currentPage, setCurrentPage] = useState(1);
   const itemsPerPage = 10;
 
-  // const filteredUsers = users.filter(
-  //   (user) =>
-  //     (searchTerm.length >= 2 &&
-  //       user.name.toLowerCase().includes(searchTerm.toLowerCase())) ||
-  //     user.email.toLowerCase().includes(searchTerm.toLowerCase()) ||
-  //     user.mobile.toString().includes(searchTerm)
-  // );
-
   const filteredUsers = users.filter((user) => {
-    if (searchTerm.length < 2) return true; // Show all users when input has fewer than 2 characters
+    if (searchTerm.length < 2) return true;
     return (
       user.name.toLowerCase().includes(searchTerm) ||
       user.email.toLowerCase().includes(searchTerm) ||
@@ -96,16 +88,11 @@ const Users = ({ url }: UsersProps) => {
     window.dispatchEvent(new PopStateEvent("popstate"));
   };
 
-  // const handleSearchChange = (event: React.ChangeEvent<HTMLInputElement>) => {
-  //   setSearchTerm(event.target.value.toLowerCase());
-  //   setCurrentPage(1);
-  // };
-
   const handleSearchChange = (event: React.ChangeEvent<HTMLInputElement>) => {
     const value = event.target.value.toLowerCase();
-    setSearchTerm(value); // Always update the state
+    setSearchTerm(value);
     if (value.length < 2) {
-      setCurrentPage(1); // Reset pagination if input length is less than 2
+      setCurrentPage(1);
     }
   };