@solidxai/core-ui 0.1.9-beta.9 → 0.1.10

package/dist/components/core/users/CreateUser.tsx

@@ -9,12 +9,11 @@ import { SolidFormHeader } from "../../../components/common/SolidFormHeader";
 import { ERROR_MESSAGES } from "../../../constants/error-messages";
 import { useRouter } from "../../../hooks/useRouter";
 import { useRegisterPrivateMutation, useUpdateUserMutation } from "../../../redux/api/authApi";
-import { useGetrolesQuery } from "../../../redux/api/roleApi";
 import { useDeleteUserMutation } from "../../../redux/api/userApi";
+import { RolesGroupedByModuleWidget } from "../../core/form/fields/relations/RolesGroupedByModuleWidget";
 import { showToast } from "../../../redux/features/toastSlice";
 import {
   SolidButton,
-  SolidCheckbox,
   SolidInput,
   SolidMessage,
   SolidPanel,
@@ -39,6 +38,7 @@ const CreateUser = ({ data, params }: any) => {
   const dispatch = useDispatch();
   const router = useRouter();
   const [selectedRoles, setSelectedRoles] = useState<string[]>([]);
+  const [failedAttempts, setFailedAttempts] = useState<number>(data?.failedLoginAttempts ?? 0);
   const [activeTab, setActiveTab] = useState("userDetails");
   const [newUserIdForApiKey, setNewUserIdForApiKey] = useState<number | null>(null);
   const [revealKey, setRevealKey] = useState<{ apiKey: string; keyName: string } | null>(null);
@@ -54,12 +54,12 @@ const CreateUser = ({ data, params }: any) => {
   ] = useUpdateUserMutation();
 
   const [deleteUser, { isLoading: isUserDeleting, isSuccess: isDeleteUserSuccess }] = useDeleteUserMutation();
-  const { data: rolesData } = useGetrolesQuery("");
 
   useEffect(() => {
     if (data?.roles) {
       setSelectedRoles(data.roles.map((role: any) => role.name));
     }
+    setFailedAttempts(data?.failedLoginAttempts ?? 0);
   }, [data]);
 
   const initialValues = {
@@ -69,7 +69,6 @@ const CreateUser = ({ data, params }: any) => {
     mobile: data?.mobile ?? "",
     password: "",
     confirmPassword: "",
-    failedLoginAttempts: data?.failedLoginAttempts ?? 0,
     active: data?.active ?? true,
     isAllowedToGenerateApiKeys: data?.isAllowedToGenerateApiKeys ?? false,
   };
@@ -87,10 +86,6 @@ const CreateUser = ({ data, params }: any) => {
       otherwise: (schema) => schema.notRequired().nullable(),
     }),
     mobile: Yup.string().nullable(),
-    failedLoginAttempts: Yup.number()
-      .typeError("Failed Login Attempts must be a number")
-      .nullable()
-      .transform((value, originalValue) => (originalValue === "" ? null : value)),
   });
 
   function isFetchBaseQueryErrorWithErrorResponse(
@@ -111,7 +106,6 @@ const CreateUser = ({ data, params }: any) => {
           email: values.email,
           mobile: values.mobile,
           roles: selectedRoles,
-          failedLoginAttempts: values.failedLoginAttempts,
           active: values.active,
           isAllowedToGenerateApiKeys: values.isAllowedToGenerateApiKeys,
         };
@@ -132,7 +126,6 @@ const CreateUser = ({ data, params }: any) => {
           mobile: values.mobile,
           password: values.password,
           roles: selectedRoles,
-          failedLoginAttempts: values.failedLoginAttempts,
           isAllowedToGenerateApiKeys: values.isAllowedToGenerateApiKeys,
         }).unwrap();
 
@@ -190,13 +183,33 @@ const CreateUser = ({ data, params }: any) => {
   const isEditMode = params.id !== "new";
   const isSaving = isLoading || isUserUpdating;
 
+  const handleUnblockUser = async () => {
+    if (!data?.id) return;
+
+    try {
+      await updateUser({
+        id: data.id,
+        data: { failedLoginAttempts: 0 },
+      }).unwrap();
+      dispatch(
+        showToast({
+          severity: "success",
+          summary: "Success",
+          detail: "User is unblocked.",
+        })
+      );
+      setFailedAttempts(0);
+    } catch {
+      // error shown via userUpdateError effect
+    }
+  };
 
   return (
     <div className="solid-form-wrapper">
       <div className="solid-form-section">
         <form onSubmit={formik.handleSubmit}>
-          <div className="solid-form-header flex align-items-center justify-content-between gap-3 flex-wrap">
-            <div className="solid-user-form-titleblock flex align-items-center gap-3">
+          <div className="solid-form-header flex items-center justify-between gap-4 flex-wrap">
+            <div className="solid-user-form-titleblock flex items-center gap-4">
               <BackButton />
               <div>
                 <div className="form-wrapper-title">{isEditMode ? "Update User" : "Create User"}</div>
@@ -207,7 +220,12 @@ const CreateUser = ({ data, params }: any) => {
                 </p>
               </div>
             </div>
-            <div className="gap-3 flex flex-wrap">
+            <div className="flex gap-4 flex-wrap">
+              {isEditMode && failedAttempts > 0 ? (
+                <SolidButton size="small" type="button" variant="outline" loading={isUserUpdating} onClick={handleUnblockUser}>
+                  Unblock User
+                </SolidButton>
+              ) : null}
               {formik.dirty ? (
                 <SolidButton size="small" type="submit" loading={isSaving}>
                   Save
@@ -230,7 +248,7 @@ const CreateUser = ({ data, params }: any) => {
 
           <SolidFormHeader />
 
-          <div className="px-4 py-3 md:p-4 solid-form-content">
+          <div className="px-3 py-3 md:p-4 solid-form-content">
             {isEditMode ? (
               <SolidTabGroup
                 value={activeTab}
@@ -243,7 +261,6 @@ const CreateUser = ({ data, params }: any) => {
                       <UserDetailsContent
                         formik={formik}
                         fieldError={fieldError}
-                        rolesData={rolesData}
                         selectedRoles={selectedRoles}
                         handleCheckboxChange={handleCheckboxChange}
                         isEditMode={isEditMode}
@@ -265,7 +282,6 @@ const CreateUser = ({ data, params }: any) => {
               <UserDetailsContent
                 formik={formik}
                 fieldError={fieldError}
-                rolesData={rolesData}
                 selectedRoles={selectedRoles}
                 handleCheckboxChange={handleCheckboxChange}
                 isEditMode={isEditMode}
@@ -309,14 +325,12 @@ const CreateUser = ({ data, params }: any) => {
 function UserDetailsContent({
   formik,
   fieldError,
-  rolesData,
   selectedRoles,
   handleCheckboxChange,
   isEditMode,
 }: {
   formik: any;
   fieldError: (field: any) => string;
-  rolesData: any;
   selectedRoles: string[];
   handleCheckboxChange: (roleName: string) => void;
   isEditMode: boolean;
@@ -325,8 +339,8 @@ function UserDetailsContent({
     <div className="solid-user-details-layout">
       <div className="solid-user-details-stack">
         <SolidPanel header="Basic Info" className="solid-column-panel">
-          <div className="grid formgrid">
-            <div className="field col-12 md:col-6 flex flex-column gap-2">
+          <div className="flex flex-wrap -mx-2 -mt-2">
+            <div className="field flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2">
               <label htmlFor="fullName" className="form-field-label">
                 Full Name
               </label>
@@ -343,7 +357,7 @@ function UserDetailsContent({
               {fieldError("fullName") ? <SolidMessage severity="error" text={fieldError("fullName")} /> : null}
             </div>
 
-            <div className="field col-12 md:col-6 flex flex-column gap-2">
+            <div className="field flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2">
               <label htmlFor="username" className="form-field-label">
                 Username
               </label>
@@ -361,7 +375,7 @@ function UserDetailsContent({
               {fieldError("username") ? <SolidMessage severity="error" text={fieldError("username")} /> : null}
             </div>
 
-            <div className="field col-12 md:col-6 flex flex-column gap-2 mt-3">
+            <div className="field mt-4 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2">
               <label htmlFor="email" className="form-field-label">
                 Email
               </label>
@@ -379,7 +393,7 @@ function UserDetailsContent({
               {fieldError("email") ? <SolidMessage severity="error" text={fieldError("email")} /> : null}
             </div>
 
-            <div className="field col-12 md:col-6 flex flex-column gap-2 mt-3">
+            <div className="field mt-4 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2">
               <label htmlFor="mobile" className="form-field-label">
                 Mobile
               </label>
@@ -398,7 +412,7 @@ function UserDetailsContent({
 
             {!isEditMode ? (
               <>
-                <div className="field col-12 md:col-6 flex flex-column gap-2 mt-3">
+                <div className="field mt-4 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2">
                   <label htmlFor="password" className="form-field-label">
                     Password
                   </label>
@@ -414,7 +428,7 @@ function UserDetailsContent({
                   {fieldError("password") ? <SolidMessage severity="error" text={fieldError("password")} /> : null}
                 </div>
 
-                <div className="field col-12 md:col-6 flex flex-column gap-2 mt-3">
+                <div className="field mt-4 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2">
                   <label htmlFor="confirmPassword" className="form-field-label">
                     Confirm Password
                   </label>
@@ -432,37 +446,14 @@ function UserDetailsContent({
                   ) : null}
                 </div>
               </>
-            ) : (
-              <div className="field col-12 md:col-6 flex flex-column gap-2 mt-3">
-                <label htmlFor="failedLoginAttempts" className="form-field-label">
-                  Failed Login Attempts
-                </label>
-                <SolidInput
-                  type="number"
-                  id="failedLoginAttempts"
-                  name="failedLoginAttempts"
-                  autoComplete="off"
-                  onChange={formik.handleChange}
-                  onBlur={formik.handleBlur}
-                  value={formik.values.failedLoginAttempts}
-                  className={cx(fieldError("failedLoginAttempts") && "solid-user-form-input-invalid")}
-                />
-                {fieldError("failedLoginAttempts") ? (
-                  <SolidMessage severity="error" text={fieldError("failedLoginAttempts")} />
-                ) : null}
-                <p className="solid-user-section-helper">
-                  Your account has been locked due to repeated unsuccessful login attempts. Please contact your
-                  system admin.
-                </p>
-              </div>
-            )}
+            ) : null}
           </div>
         </SolidPanel>
 
         <SolidPanel toggleable header="Access" className="solid-column-panel">
-          <div className="formgrid grid solid-user-access-grid">
+          <div className="flex flex-wrap -mx-2 -mt-2 solid-user-access-grid">
             {isEditMode ? (
-              <div className="field col-12 solid-user-access-row">
+              <div className="field w-full px-2 pt-2 solid-user-access-row">
                 <div className="solid-user-access-copy">
                   <p className="form-field-label m-0">Active User</p>
                   <p className="solid-user-section-helper m-0 mt-1">
@@ -475,7 +466,7 @@ function UserDetailsContent({
                 />
               </div>
             ) : null}
-            <div className="field col-12 solid-user-access-row">
+            <div className="field w-full px-2 pt-2 solid-user-access-row">
               <div className="solid-user-access-copy">
                 <p className="form-field-label m-0">Allow API Key Generation</p>
                 <p className="solid-user-section-helper m-0 mt-1">
@@ -492,22 +483,10 @@ function UserDetailsContent({
 
         <SolidPanel toggleable header="Roles" className="solid-column-panel">
           <p className="solid-user-section-copy">Select the roles that should be assigned to this user.</p>
-          <div className="solid-user-role-grid">
-            {rolesData?.data?.records?.map((role: any) => (
-              <div
-                key={role.name}
-                className={cx("solid-user-role-card", selectedRoles.includes(role.name) && "is-selected")}
-              >
-                <SolidCheckbox
-                  id={role.name}
-                  checked={selectedRoles.includes(role.name)}
-                  onChange={() => handleCheckboxChange(role.name)}
-                  label={role.name}
-                  className="solid-user-role-control"
-                />
-              </div>
-            ))}
-          </div>
+          <RolesGroupedByModuleWidget
+            selectedRoles={selectedRoles}
+            onToggle={handleCheckboxChange}
+          />
         </SolidPanel>
       </div>
     </div>

package/dist/components/core/users/CreateUserRole.js

@@ -155,8 +155,8 @@ var CreateUserRole = function (_a) {
             router.push("/admin/iam/users/all");
         }
     }, [isSuccess]);
-    return (_jsx("div", { className: "grid", children: _jsx("div", { className: "col-12 xl:col-10 mx-auto", children: _jsx("div", { children: _jsxs("form", { onSubmit: formik.handleSubmit, children: [pathname.includes('create') ? _jsxs("div", { className: "flex gap-3 justify-content-between mb-5", children: [_jsx("div", { className: "form-wrapper-title", children: " Create User Role" }), _jsxs("div", { className: "gap-3 flex", children: [_jsx("div", { children: _jsx(SolidButton, { label: "Save", size: "sm", onClick: function () { return showError(); }, type: "submit", className: 'small-button' }) }), _jsx(CancelButton, {})] })] }) :
-                            _jsxs("div", { className: "flex gap-3 justify-content-between mb-5", children: [_jsx("h1", { className: "m-0", children: " Edit User" }), _jsxs("div", { className: "gap-3 flex", children: [_jsx("div", { children: _jsx(SolidButton, { label: "Save", onClick: function () { return showError(); }, type: "submit", size: "sm", className: 'small-button' }) }), _jsx("div", {}), _jsx(CancelButton, {})] })] }), _jsx("div", { className: "form-wrapper", children: _jsxs("div", { className: "grid formgrid", children: [_jsx("div", { className: "md:col-6 sm:col-12", children: _jsxs("div", { className: "field", children: [_jsx("label", { htmlFor: "username", className: "form-label form-field-label", children: "User Name" }), _jsx(SolidInput, { type: "text", id: "username", name: "username", onChange: formik.handleChange, value: formik.values.username, className: "p-inputtext-sm w-full small-input", "aria-invalid": !!isFormFieldValid(formik, "username") }), isFormFieldValid(formik, "username") && (_jsx(SolidMessage, { severity: "error", text: (_b = formik.errors.username) === null || _b === void 0 ? void 0 : _b.toString() }))] }) }), _jsx("div", { className: "md:col-6 sm:col-12", children: _jsxs("div", { className: "field", children: [_jsx("label", { htmlFor: "type", className: "form-label form-field-label", children: "Role Name" }), _jsxs("div", { children: [_jsx(AutoCompleteField, { multiple: false, isFormFieldValid: isFormFieldValid, formik: formik, fieldName: "roleName", searchData: searchRole, existingData: { label: (_c = data === null || data === void 0 ? void 0 : data.parentCategory) === null || _c === void 0 ? void 0 : _c.title, value: (_d = data === null || data === void 0 ? void 0 : data.parentCategory) === null || _d === void 0 ? void 0 : _d.id }, existingDataTitle: (_e = data === null || data === void 0 ? void 0 : data.parentCategory) === null || _e === void 0 ? void 0 : _e.title, existingDataId: (_f = data === null || data === void 0 ? void 0 : data.parentCategory) === null || _f === void 0 ? void 0 : _f.id, className: "solid-standard-autocomplete" }), isFormFieldValid(formik, "roleName") && (_jsx(SolidMessage, { severity: "error", text: (_h = (_g = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _g === void 0 ? void 0 : _g.roleName) === null || _h === void 0 ? void 0 : _h.toString() }))] })] }) })] }) })] }) }) }) }));
+    return (_jsx("div", { className: "flex flex-wrap -mx-2 -mt-2", children: _jsx("div", { className: "mx-auto w-full px-2 pt-2 xl:w-[83.333333%]", children: _jsx("div", { children: _jsxs("form", { onSubmit: formik.handleSubmit, children: [pathname.includes('create') ? _jsxs("div", { className: "mb-6 flex justify-between gap-4", children: [_jsx("div", { className: "form-wrapper-title", children: " Create User Role" }), _jsxs("div", { className: "flex gap-4", children: [_jsx("div", { children: _jsx(SolidButton, { label: "Save", size: "sm", onClick: function () { return showError(); }, type: "submit", className: 'small-button' }) }), _jsx(CancelButton, {})] })] }) :
+                            _jsxs("div", { className: "mb-6 flex justify-between gap-4", children: [_jsx("h1", { className: "m-0", children: " Edit User" }), _jsxs("div", { className: "flex gap-4", children: [_jsx("div", { children: _jsx(SolidButton, { label: "Save", onClick: function () { return showError(); }, type: "submit", size: "sm", className: 'small-button' }) }), _jsx("div", {}), _jsx(CancelButton, {})] })] }), _jsx("div", { className: "form-wrapper", children: _jsxs("div", { className: "flex flex-wrap -mx-2 -mt-2", children: [_jsx("div", { className: "w-full px-2 pt-2 md:w-1/2", children: _jsxs("div", { className: "field", children: [_jsx("label", { htmlFor: "username", className: "form-label form-field-label", children: "User Name" }), _jsx(SolidInput, { type: "text", id: "username", name: "username", onChange: formik.handleChange, value: formik.values.username, className: "p-inputtext-sm w-full small-input", "aria-invalid": !!isFormFieldValid(formik, "username") }), isFormFieldValid(formik, "username") && (_jsx(SolidMessage, { severity: "error", text: (_b = formik.errors.username) === null || _b === void 0 ? void 0 : _b.toString() }))] }) }), _jsx("div", { className: "w-full px-2 pt-2 md:w-1/2", children: _jsxs("div", { className: "field", children: [_jsx("label", { htmlFor: "type", className: "form-label form-field-label", children: "Role Name" }), _jsxs("div", { children: [_jsx(AutoCompleteField, { multiple: false, isFormFieldValid: isFormFieldValid, formik: formik, fieldName: "roleName", searchData: searchRole, existingData: { label: (_c = data === null || data === void 0 ? void 0 : data.parentCategory) === null || _c === void 0 ? void 0 : _c.title, value: (_d = data === null || data === void 0 ? void 0 : data.parentCategory) === null || _d === void 0 ? void 0 : _d.id }, existingDataTitle: (_e = data === null || data === void 0 ? void 0 : data.parentCategory) === null || _e === void 0 ? void 0 : _e.title, existingDataId: (_f = data === null || data === void 0 ? void 0 : data.parentCategory) === null || _f === void 0 ? void 0 : _f.id, className: "solid-standard-autocomplete" }), isFormFieldValid(formik, "roleName") && (_jsx(SolidMessage, { severity: "error", text: (_h = (_g = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _g === void 0 ? void 0 : _g.roleName) === null || _h === void 0 ? void 0 : _h.toString() }))] })] }) })] }) })] }) }) }) }));
 };
 export default CreateUserRole;
 //# sourceMappingURL=CreateUserRole.js.map

package/dist/components/core/users/CreateUserRole.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateUserRole.js","sourceRoot":"","sources":["../../../../src/components/core/users/CreateUserRole.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AACjF,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAE/D,IAAM,cAAc,GAAG,UAAC,EAAa;;QAAX,IAAI,UAAA;IAC5B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAEzB,IAAA,KAA8F,oBAAoB,EAAE,EAAnH,eAAe,QAAA,EAAE,UAAwE,EAAhE,QAAQ,UAAA,EAAc,kBAAkB,gBAAA,EAAS,aAAa,WAA4B,CAAC;IAC3H,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAErB,IAAA,KAGF,yBAAyB,EAAE,EAF7B,cAAc,QAAA,EACd,UAA0D,EAAxD,SAAS,eAAA,EAAE,SAAS,eAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA,EAAQ,UAAU,UAC3B,CAAC;IAEhC,IAAM,aAAa,GAAG;QACpB,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;QACnC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;KACpC,CAAC;IACF,IAAM,gBAAgB,GAAG,GAAG,CAAC,MAAM,CAAC;QAClC,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;QAC3E,QAAQ,EAAE,GAAG,CAAC,IAAI,CAAC,UAAC,KAAK;YACvB,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACxE,OAAO,GAAG,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC;aAC1E;iBAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBACpC,OAAO,GAAG,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC;aAC1E;iBAAM;gBACL,OAAO,GAAG,CAAC,KAAK,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC;aACzE;QACH,CAAC,CAAC;KACH,CAAC,CAAC;IAEH,IAAM,gBAAgB,GAAG,UAAC,MAAW,EAAE,SAAiB;QACtD,OAAA,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC;IAArD,CAAqD,CAAC;IAExD,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,IAAM,MAAM,GAAG,SAAS,CAAC;QACvB,aAAa,eAAA;QACb,gBAAgB,kBAAA;QAChB,kBAAkB,EAAE,IAAI;QACxB,QAAQ,EAAE,UAAO,MAAM;;;gBACrB,IAAI;oBACE,GAAG,GAAG;wBACR,QAAQ,EAAE,MAAM,CAAC,QAAQ;wBACzB,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK;qBAChC,CAAA;oBACD,cAAc,CAAC,GAAG,CAAC,CAAC;iBACrB;gBAAC,OAAO,GAAG,EAAE;oBACZ,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,qBAAqB,EAAE,GAAG,CAAC,CAAC;iBAC1D;;;aACF;KACF,CAAC,CAAC;IAEH,IAAM,SAAS,GAAG;;;;wBACD,qBAAM,MAAM,CAAC,YAAY,EAAE,EAAA;;oBAApC,MAAM,GAAG,SAA2B;oBACpC,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;oBAE5C,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE;wBAC5B,QAAQ,CAAC,SAAS,CAAC;4BACjB,QAAQ,EAAE,OAAO;4BACjB,OAAO,EAAE,cAAc,CAAC,WAAW;4BACnC,MAAM,EAAE,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;yBAC7C,CAAC,CAAC,CAAC;qBACL;;;;SACF,CAAC;IAEF,IAAM,UAAU,GAAG,UAAO,KAAU;;;;;oBAC5B,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;oBACtB,SAAS,GAAG,EAAE,CAAC;oBACnB,IAAI,KAAK,EAAE;wBACT,SAAS,GAAG;4BACV,QAAQ,EAAE,KAAK;yBAChB,CAAC;qBACH;oBAEK,WAAW,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE;wBAC1C,gBAAgB,EAAE,IAAI;qBACvB,CAAC,CAAC;oBAGY,qBAAM,eAAe,CAAC,WAAW,CAAC,CAAC,MAAM,EAAE,EAAA;;oBAApD,MAAM,GAAG,SAA2C;oBAE1D,8CAA8C;oBAC9C,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,EAAE;wBACnB,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,EAAhC,CAAgC,CAAC,CAAC;wBAEnF,kCAAkC;wBAClC,sBAAO,YAAY,EAAA;qBACpB;yBAAM;wBACL,4CAA4C;wBAC5C,sBAAO,EAAE,EAAA;qBACV;;;;SACF,CAAC;IAEF,SAAS,CAAC;QACR,IAAI,SAAS,IAAI,IAAI,EAAE;YACrB,MAAM,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;SACrC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO,CACL,cAAK,SAAS,EAAC,MAAM,YACnB,cAAK,SAAS,EAAC,0BAA0B,YACvC,wBAGE,gBAAM,QAAQ,EAAE,MAAM,CAAC,YAAY,aAChC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,eAAK,SAAS,EAAC,yCAAyC,aACrF,cAAK,SAAS,EAAC,oBAAoB,kCAAwB,EAC3D,eAAK,SAAS,EAAC,YAAY,aACzB,wBACE,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,cAAM,OAAA,SAAS,EAAE,EAAX,CAAW,EAAE,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,cAAc,GAAG,GACrG,EACN,KAAC,YAAY,KAAG,IACZ,IACF,CAAC,CAAC;4BACN,eAAK,SAAS,EAAC,yCAAyC,aACtD,aAAI,SAAS,EAAC,KAAK,2BAAgB,EACnC,eAAK,SAAS,EAAC,YAAY,aACzB,wBACE,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,cAAM,OAAA,SAAS,EAAE,EAAX,CAAW,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,cAAc,GAAG,GACrG,EACN,eAEM,EACN,KAAC,YAAY,KAAG,IACZ,IACF,EAER,cAAK,SAAS,EAAC,cAAc,YAC3B,eAAK,SAAS,EAAC,eAAe,aAC5B,cAAK,SAAS,EAAC,oBAAoB,YACjC,eAAK,SAAS,EAAC,OAAO,aACpB,gBAAO,OAAO,EAAC,UAAU,EAAC,SAAS,EAAC,6BAA6B,0BAEzD,EACR,KAAC,UAAU,IACT,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,MAAM,CAAC,YAAY,EAC7B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,QAAQ,EAC7B,SAAS,EAAC,mCAAmC,kBAC/B,CAAC,CAAC,gBAAgB,CAAC,MAAM,EAAE,UAAU,CAAC,GACpD,EACD,gBAAgB,CAAC,MAAM,EAAE,UAAU,CAAC,IAAI,CACvC,KAAC,YAAY,IAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAE,MAAA,MAAM,CAAC,MAAM,CAAC,QAAQ,0CAAE,QAAQ,EAAE,GAAI,CAC5E,IACG,GACF,EACN,cAAK,SAAS,EAAC,oBAAoB,YACjC,eAAK,SAAS,EAAC,OAAO,aACpB,gBAAO,OAAO,EAAC,MAAM,EAAC,SAAS,EAAC,6BAA6B,0BAErD,EACR,0BACE,KAAC,iBAAiB,IAChB,QAAQ,EAAE,KAAK,EACf,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,SAAS,EAAC,UAAU,EACpB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,EAAE,KAAK,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc,0CAAE,KAAK,EAAE,KAAK,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc,0CAAE,EAAE,EAAE,EACrF,iBAAiB,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc,0CAAE,KAAK,EAC9C,cAAc,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc,0CAAE,EAAE,EACxC,SAAS,EAAC,6BAA6B,GACpB,EACpB,gBAAgB,CAAC,MAAM,EAAE,UAAU,CAAC,IAAI,CACvC,KAAC,YAAY,IAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAE,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,0CAAE,QAAQ,0CAAE,QAAQ,EAAE,GAAI,CAC9E,IACG,IACF,GACF,IACF,GACF,IACD,GACH,GACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["\nimport { AutoCompleteField } from \"../../../components/common/AutoCompleteField\";\nimport { CancelButton } from \"../../../components/common/CancelButton\";\nimport { ERROR_MESSAGES } from \"../../../constants/error-messages\";\nimport { useLazyGetrolesQuery } from \"../../../redux/api/roleApi\";\nimport { useCreateuserroleMutation } from \"../../../redux/api/userApi\";\nimport { useFormik } from \"formik\";\nimport { usePathname } from \"../../../hooks/usePathname\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { SolidButton, SolidInput, SolidMessage } from \"../../shad-cn-ui\";\nimport qs from \"qs\";\nimport { useEffect } from \"react\";\nimport * as Yup from \"yup\";\nimport { useDispatch } from \"react-redux\";\nimport { showToast } from \"../../../redux/features/toastSlice\";\n\nconst CreateUserRole = ({ data }: any) => {\n  const dispatch = useDispatch();\n\n  const [triggerGetRoles, { data: roleLazy, isFetching: isRoleLazyFetching, error: roleLazyError }] = useLazyGetrolesQuery();\n  const router = useRouter();\n\n  const [\n    createMenuItem,\n    { isLoading, isSuccess, isError, error, data: newInvoice },\n  ] = useCreateuserroleMutation();\n\n  const initialValues = {\n    username: data ? data.username : \"\",\n    roleName: data ? data.roleName : \"\"\n  };\n  const validationSchema = Yup.object({\n    username: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('User Name')),\n    roleName: Yup.lazy((value) => {\n      if (typeof value === 'object' && value !== null && !Array.isArray(value)) {\n        return Yup.object().required(ERROR_MESSAGES.FIELD_REUQIRED('Role Name'));\n      } else if (typeof value === 'string') {\n        return Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Role Name'));\n      } else {\n        return Yup.mixed().required(ERROR_MESSAGES.FIELD_REUQIRED('Role Name'));\n      }\n    })\n  });\n\n  const isFormFieldValid = (formik: any, fieldName: string) =>\n    formik.touched[fieldName] && formik.errors[fieldName];\n\n  const pathname = usePathname();\n\n  const formik = useFormik({\n    initialValues,\n    validationSchema,\n    enableReinitialize: true,\n    onSubmit: async (values) => {\n      try {\n        let obj = {\n          username: values.username,\n          roleName: values.roleName.label\n        }\n        createMenuItem(obj);\n      } catch (err) {\n        console.error(ERROR_MESSAGES.FAILED_CREATE_INVOICE, err);\n      }\n    },\n  });\n\n  const showError = async () => {\n    const errors = await formik.validateForm();\n    const errorMessages = Object.values(errors);\n\n    if (errorMessages.length > 0) {\n      dispatch(showToast({\n        severity: \"error\",\n        summary: ERROR_MESSAGES.SEND_REPORT,\n        detail: errorMessages.map(String).join(\", \"),\n      }));\n    }\n  };\n\n  const searchRole = async (event: any) => {\n    const query = event.query;\n    let queryData = {};\n    if (query) {\n      queryData = {\n        roleName: query\n      };\n    }\n\n    const queryString = qs.stringify(queryData, {\n      encodeValuesOnly: true\n    });\n\n    // Trigger the API call manually\n    const result = await triggerGetRoles(queryString).unwrap();\n\n    // Map the API response to AutoComplete format\n    if (result && result.data) {\n      const filteredMenu = result.data.map((m: any) => ({ label: m.name, value: m.id }));\n\n      // Update the suggestions in state\n      return filteredMenu\n    } else {\n      // Handle the case where no data is returned\n      return []\n    }\n  };\n\n  useEffect(() => {\n    if (isSuccess == true) {\n      router.push(`/admin/iam/users/all`);\n    }\n  }, [isSuccess])\n\n  return (\n    <div className=\"grid\">\n      <div className=\"col-12 xl:col-10 mx-auto\">\n        <div>\n          {/* <Toast ref={toast} /> */}\n\n          <form onSubmit={formik.handleSubmit}>\n            {pathname.includes('create') ? <div className=\"flex gap-3 justify-content-between mb-5\">\n              <div className=\"form-wrapper-title\"> Create User Role</div>\n              <div className=\"gap-3 flex\">\n                <div>\n                  <SolidButton label=\"Save\" size=\"sm\" onClick={() => showError()} type=\"submit\" className='small-button' />\n                </div>\n                <CancelButton />\n              </div>\n            </div> :\n              <div className=\"flex gap-3 justify-content-between mb-5\">\n                <h1 className=\"m-0\"> Edit User</h1>\n                <div className=\"gap-3 flex\">\n                  <div>\n                    <SolidButton label=\"Save\" onClick={() => showError()} type=\"submit\" size=\"sm\" className='small-button' />\n                  </div>\n                  <div>\n                    {/* <Button label=\"Delete\" severity=\"danger\" type=\"button\" /> */}\n                  </div>\n                  <CancelButton />\n                </div>\n              </div>\n            }\n            <div className=\"form-wrapper\">\n              <div className=\"grid formgrid\">\n                <div className=\"md:col-6 sm:col-12\">\n                  <div className=\"field\">\n                    <label htmlFor=\"username\" className=\"form-label form-field-label\">\n                      User Name\n                    </label>\n                    <SolidInput\n                      type=\"text\"\n                      id=\"username\"\n                      name=\"username\"\n                      onChange={formik.handleChange}\n                      value={formik.values.username}\n                      className=\"p-inputtext-sm w-full small-input\"\n                      aria-invalid={!!isFormFieldValid(formik, \"username\")}\n                    />\n                    {isFormFieldValid(formik, \"username\") && (\n                      <SolidMessage severity=\"error\" text={formik.errors.username?.toString()} />\n                    )}\n                  </div>\n                </div>\n                <div className=\"md:col-6 sm:col-12\">\n                  <div className=\"field\">\n                    <label htmlFor=\"type\" className=\"form-label form-field-label\">\n                      Role Name\n                    </label>\n                    <div>\n                      <AutoCompleteField\n                        multiple={false}\n                        isFormFieldValid={isFormFieldValid}\n                        formik={formik}\n                        fieldName=\"roleName\"\n                        searchData={searchRole}\n                        existingData={{ label: data?.parentCategory?.title, value: data?.parentCategory?.id }}\n                        existingDataTitle={data?.parentCategory?.title}\n                        existingDataId={data?.parentCategory?.id}\n                        className=\"solid-standard-autocomplete\"\n                      ></AutoCompleteField>\n                      {isFormFieldValid(formik, \"roleName\") && (\n                        <SolidMessage severity=\"error\" text={formik?.errors?.roleName?.toString()} />\n                      )}\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </form>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default CreateUserRole;\n"]}
+{"version":3,"file":"CreateUserRole.js","sourceRoot":"","sources":["../../../../src/components/core/users/CreateUserRole.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { AutoCompleteField } from \"../../../components/common/AutoCompleteField\";\nimport { CancelButton } from \"../../../components/common/CancelButton\";\nimport { ERROR_MESSAGES } from \"../../../constants/error-messages\";\nimport { useLazyGetrolesQuery } from \"../../../redux/api/roleApi\";\nimport { useCreateuserroleMutation } from \"../../../redux/api/userApi\";\nimport { useFormik } from \"formik\";\nimport { usePathname } from \"../../../hooks/usePathname\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { SolidButton, SolidInput, SolidMessage } from \"../../shad-cn-ui\";\nimport qs from \"qs\";\nimport { useEffect } from \"react\";\nimport * as Yup from \"yup\";\nimport { useDispatch } from \"react-redux\";\nimport { showToast } from \"../../../redux/features/toastSlice\";\n\nconst CreateUserRole = ({ data }: any) => {\n  const dispatch = useDispatch();\n\n  const [triggerGetRoles, { data: roleLazy, isFetching: isRoleLazyFetching, error: roleLazyError }] = useLazyGetrolesQuery();\n  const router = useRouter();\n\n  const [\n    createMenuItem,\n    { isLoading, isSuccess, isError, error, data: newInvoice },\n  ] = useCreateuserroleMutation();\n\n  const initialValues = {\n    username: data ? data.username : \"\",\n    roleName: data ? data.roleName : \"\"\n  };\n  const validationSchema = Yup.object({\n    username: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('User Name')),\n    roleName: Yup.lazy((value) => {\n      if (typeof value === 'object' && value !== null && !Array.isArray(value)) {\n        return Yup.object().required(ERROR_MESSAGES.FIELD_REUQIRED('Role Name'));\n      } else if (typeof value === 'string') {\n        return Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Role Name'));\n      } else {\n        return Yup.mixed().required(ERROR_MESSAGES.FIELD_REUQIRED('Role Name'));\n      }\n    })\n  });\n\n  const isFormFieldValid = (formik: any, fieldName: string) =>\n    formik.touched[fieldName] && formik.errors[fieldName];\n\n  const pathname = usePathname();\n\n  const formik = useFormik({\n    initialValues,\n    validationSchema,\n    enableReinitialize: true,\n    onSubmit: async (values) => {\n      try {\n        let obj = {\n          username: values.username,\n          roleName: values.roleName.label\n        }\n        createMenuItem(obj);\n      } catch (err) {\n        console.error(ERROR_MESSAGES.FAILED_CREATE_INVOICE, err);\n      }\n    },\n  });\n\n  const showError = async () => {\n    const errors = await formik.validateForm();\n    const errorMessages = Object.values(errors);\n\n    if (errorMessages.length > 0) {\n      dispatch(showToast({\n        severity: \"error\",\n        summary: ERROR_MESSAGES.SEND_REPORT,\n        detail: errorMessages.map(String).join(\", \"),\n      }));\n    }\n  };\n\n  const searchRole = async (event: any) => {\n    const query = event.query;\n    let queryData = {};\n    if (query) {\n      queryData = {\n        roleName: query\n      };\n    }\n\n    const queryString = qs.stringify(queryData, {\n      encodeValuesOnly: true\n    });\n\n    // Trigger the API call manually\n    const result = await triggerGetRoles(queryString).unwrap();\n\n    // Map the API response to AutoComplete format\n    if (result && result.data) {\n      const filteredMenu = result.data.map((m: any) => ({ label: m.name, value: m.id }));\n\n      // Update the suggestions in state\n      return filteredMenu\n    } else {\n      // Handle the case where no data is returned\n      return []\n    }\n  };\n\n  useEffect(() => {\n    if (isSuccess == true) {\n      router.push(`/admin/iam/users/all`);\n    }\n  }, [isSuccess])\n\n  return (\n    <div className=\"flex flex-wrap -mx-2 -mt-2\">\n      <div className=\"mx-auto w-full px-2 pt-2 xl:w-[83.333333%]\">\n        <div>\n          {/* <Toast ref={toast} /> */}\n\n          <form onSubmit={formik.handleSubmit}>\n            {pathname.includes('create') ? <div className=\"mb-6 flex justify-between gap-4\">\n              <div className=\"form-wrapper-title\"> Create User Role</div>\n              <div className=\"flex gap-4\">\n                <div>\n                  <SolidButton label=\"Save\" size=\"sm\" onClick={() => showError()} type=\"submit\" className='small-button' />\n                </div>\n                <CancelButton />\n              </div>\n            </div> :\n              <div className=\"mb-6 flex justify-between gap-4\">\n                <h1 className=\"m-0\"> Edit User</h1>\n                <div className=\"flex gap-4\">\n                  <div>\n                    <SolidButton label=\"Save\" onClick={() => showError()} type=\"submit\" size=\"sm\" className='small-button' />\n                  </div>\n                  <div>\n                    {/* <Button label=\"Delete\" severity=\"danger\" type=\"button\" /> */}\n                  </div>\n                  <CancelButton />\n                </div>\n              </div>\n            }\n            <div className=\"form-wrapper\">\n              <div className=\"flex flex-wrap -mx-2 -mt-2\">\n                <div className=\"w-full px-2 pt-2 md:w-1/2\">\n                  <div className=\"field\">\n                    <label htmlFor=\"username\" className=\"form-label form-field-label\">\n                      User Name\n                    </label>\n                    <SolidInput\n                      type=\"text\"\n                      id=\"username\"\n                      name=\"username\"\n                      onChange={formik.handleChange}\n                      value={formik.values.username}\n                      className=\"p-inputtext-sm w-full small-input\"\n                      aria-invalid={!!isFormFieldValid(formik, \"username\")}\n                    />\n                    {isFormFieldValid(formik, \"username\") && (\n                      <SolidMessage severity=\"error\" text={formik.errors.username?.toString()} />\n                    )}\n                  </div>\n                </div>\n                <div className=\"w-full px-2 pt-2 md:w-1/2\">\n                  <div className=\"field\">\n                    <label htmlFor=\"type\" className=\"form-label form-field-label\">\n                      Role Name\n                    </label>\n                    <div>\n                      <AutoCompleteField\n                        multiple={false}\n                        isFormFieldValid={isFormFieldValid}\n                        formik={formik}\n                        fieldName=\"roleName\"\n                        searchData={searchRole}\n                        existingData={{ label: data?.parentCategory?.title, value: data?.parentCategory?.id }}\n                        existingDataTitle={data?.parentCategory?.title}\n                        existingDataId={data?.parentCategory?.id}\n                        className=\"solid-standard-autocomplete\"\n                      ></AutoCompleteField>\n                      {isFormFieldValid(formik, \"roleName\") && (\n                        <SolidMessage severity=\"error\" text={formik?.errors?.roleName?.toString()} />\n                      )}\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </form>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default CreateUserRole;\n"]}

package/dist/components/core/users/CreateUserRole.tsx

@@ -112,24 +112,24 @@ const CreateUserRole = ({ data }: any) => {
   }, [isSuccess])
 
   return (
-    <div className="grid">
-      <div className="col-12 xl:col-10 mx-auto">
+    <div className="flex flex-wrap -mx-2 -mt-2">
+      <div className="mx-auto w-full px-2 pt-2 xl:w-[83.333333%]">
         <div>
           {/* <Toast ref={toast} /> */}
 
           <form onSubmit={formik.handleSubmit}>
-            {pathname.includes('create') ? <div className="flex gap-3 justify-content-between mb-5">
+            {pathname.includes('create') ? <div className="mb-6 flex justify-between gap-4">
               <div className="form-wrapper-title"> Create User Role</div>
-              <div className="gap-3 flex">
+              <div className="flex gap-4">
                 <div>
                   <SolidButton label="Save" size="sm" onClick={() => showError()} type="submit" className='small-button' />
                 </div>
                 <CancelButton />
               </div>
             </div> :
-              <div className="flex gap-3 justify-content-between mb-5">
+              <div className="mb-6 flex justify-between gap-4">
                 <h1 className="m-0"> Edit User</h1>
-                <div className="gap-3 flex">
+                <div className="flex gap-4">
                   <div>
                     <SolidButton label="Save" onClick={() => showError()} type="submit" size="sm" className='small-button' />
                   </div>
@@ -141,8 +141,8 @@ const CreateUserRole = ({ data }: any) => {
               </div>
             }
             <div className="form-wrapper">
-              <div className="grid formgrid">
-                <div className="md:col-6 sm:col-12">
+              <div className="flex flex-wrap -mx-2 -mt-2">
+                <div className="w-full px-2 pt-2 md:w-1/2">
                   <div className="field">
                     <label htmlFor="username" className="form-label form-field-label">
                       User Name
@@ -161,7 +161,7 @@ const CreateUserRole = ({ data }: any) => {
                     )}
                   </div>
                 </div>
-                <div className="md:col-6 sm:col-12">
+                <div className="w-full px-2 pt-2 md:w-1/2">
                   <div className="field">
                     <label htmlFor="type" className="form-label form-field-label">
                       Role Name

package/dist/components/core/users/UserListView.js

@@ -201,19 +201,19 @@ export var UserListView = function () {
         deleteManyUser(deleteList);
         setDialogVisible(false);
     };
-    return (_jsxs("div", { className: "solid-user-list w-full", children: [_jsxs("div", { className: "flex gap-3 mb-4 align-items-center flex-wrap", children: [_jsx(CreateButton, {}), selectedUsers.length > 0 && (_jsx(SolidButton, { type: "button", label: "Delete", size: "small", severity: "danger", className: "small-button", onClick: function () { return setDialogVisible(true); } }))] }), _jsxs("div", { className: "grid formgrid mb-3", children: [[
+    return (_jsxs("div", { className: "solid-user-list w-full", children: [_jsxs("div", { className: "flex gap-4 mb-6 items-center flex-wrap", children: [_jsx(CreateButton, {}), selectedUsers.length > 0 && (_jsx(SolidButton, { type: "button", label: "Delete", size: "small", severity: "danger", className: "small-button", onClick: function () { return setDialogVisible(true); } }))] }), _jsxs("div", { className: "flex flex-wrap -mx-2 -mt-2 mb-4", children: [[
                         { key: "fullName", placeholder: "Search by full name" },
                         { key: "username", placeholder: "Search by username" },
                         { key: "email", placeholder: "Search by email" },
                         { key: "mobile", placeholder: "Search by mobile" },
                     ].map(function (filter) {
                         var _a;
-                        return (_jsx("div", { className: "field col-12 md:col-3", children: _jsx(SolidInput, { value: (_a = pendingFilters[filter.key].value) !== null && _a !== void 0 ? _a : "", onChange: function (event) {
+                        return (_jsx("div", { className: "field w-full md:w-1/4 px-2 pt-2", children: _jsx(SolidInput, { value: (_a = pendingFilters[filter.key].value) !== null && _a !== void 0 ? _a : "", onChange: function (event) {
                                     return handleFilterInputChange(filter.key, event.currentTarget.value);
                                 }, placeholder: filter.placeholder }) }, filter.key));
-                    }), _jsxs("div", { className: "field col-12 flex align-items-center gap-2", children: [_jsx(SolidButton, { size: "small", onClick: applyFilters, label: "Apply" }), _jsx(SolidButton, { size: "small", variant: "ghost", onClick: clearFilters, label: "Clear" })] })] }), (loading || isLoading) && (_jsx("div", { className: "flex justify-content-center my-3", children: _jsx(SolidSpinner, {}) })), _jsxs(SolidDataTable, { value: users, size: "small", paginator: true, rows: rows, rowsPerPageOptions: [10, 25, 50], dataKey: "id", emptyMessage: "No users found", totalRecords: totalRecords, first: first, onPage: onPageChange, onSort: onSort, sortField: sortField, sortOrder: sortOrder, selection: selectedUsers, onSelectionChange: function (_a) {
+                    }), _jsxs("div", { className: "field w-full px-2 pt-2 flex items-center gap-2", children: [_jsx(SolidButton, { size: "small", onClick: applyFilters, label: "Apply" }), _jsx(SolidButton, { size: "small", variant: "ghost", onClick: clearFilters, label: "Clear" })] })] }), (loading || isLoading) && (_jsx("div", { className: "flex justify-center my-4", children: _jsx(SolidSpinner, {}) })), _jsxs(SolidDataTable, { value: users, size: "small", paginator: true, rows: rows, rowsPerPageOptions: [10, 25, 50], dataKey: "id", emptyMessage: "No users found", totalRecords: totalRecords, first: first, onPage: onPageChange, onSort: onSort, sortField: sortField, sortOrder: sortOrder, selection: selectedUsers, onSelectionChange: function (_a) {
                     var value = _a.value;
                     return setSelectedUsers(value);
-                }, children: [_jsx(Column, { selectionMode: "multiple", headerStyle: { width: "3em" } }), _jsx(Column, { field: "id", header: "ID", className: "text-sm", sortable: true, headerClassName: "table-header-fs" }), _jsx(Column, { field: "fullName", header: "Full Name", className: "text-sm", sortable: true, style: { minWidth: "12rem" }, headerClassName: "table-header-fs" }), _jsx(Column, { field: "username", header: "Username", className: "text-sm", sortable: true, style: { minWidth: "12rem" }, headerClassName: "table-header-fs" }), _jsx(Column, { field: "email", header: "Email", className: "text-sm", sortable: true, style: { minWidth: "12rem" }, headerClassName: "table-header-fs" }), _jsx(Column, { body: function (record) { return (_jsx(Link, { href: "".concat(record.id), rel: "noopener noreferrer", className: "text-sm font-bold p-0", style: { color: "#12415D" }, children: _jsx(SolidIcon, { name: "si-pencil", style: { fontSize: "1rem" }, "aria-hidden": true }) })); } })] }), _jsxs(SolidDialog, { visible: isDialogVisible, header: "Confirm Delete", modal: true, className: "solid-confirm-dialog", onHide: function () { return setDialogVisible(false); }, children: [_jsx("p", { children: "Are you sure you want to delete the selected Users?" }), _jsxs("div", { className: "flex justify-content-center gap-3 mt-3", children: [_jsx(SolidButton, { label: "Yes", className: "small-button", severity: "danger", autoFocus: true, onClick: deleteBulk }), _jsx(SolidButton, { label: "No", className: "small-button", variant: "ghost", onClick: function () { return setDialogVisible(false); } })] })] })] }));
+                }, children: [_jsx(Column, { selectionMode: "multiple", headerStyle: { width: "3em" } }), _jsx(Column, { field: "id", header: "ID", className: "text-sm", sortable: true, headerClassName: "table-header-fs" }), _jsx(Column, { field: "fullName", header: "Full Name", className: "text-sm", sortable: true, style: { minWidth: "12rem" }, headerClassName: "table-header-fs" }), _jsx(Column, { field: "username", header: "Username", className: "text-sm", sortable: true, style: { minWidth: "12rem" }, headerClassName: "table-header-fs" }), _jsx(Column, { field: "email", header: "Email", className: "text-sm", sortable: true, style: { minWidth: "12rem" }, headerClassName: "table-header-fs" }), _jsx(Column, { body: function (record) { return (_jsx(Link, { href: "".concat(record.id), rel: "noopener noreferrer", className: "text-sm font-bold p-0", style: { color: "#12415D" }, children: _jsx(SolidIcon, { name: "si-pencil", style: { fontSize: "1rem" }, "aria-hidden": true }) })); } })] }), _jsxs(SolidDialog, { visible: isDialogVisible, header: "Confirm Delete", modal: true, className: "solid-confirm-dialog", onHide: function () { return setDialogVisible(false); }, children: [_jsx("p", { children: "Are you sure you want to delete the selected Users?" }), _jsxs("div", { className: "flex justify-center gap-4 mt-4", children: [_jsx(SolidButton, { label: "Yes", className: "small-button", severity: "danger", autoFocus: true, onClick: deleteBulk }), _jsx(SolidButton, { label: "No", className: "small-button", variant: "ghost", onClick: function () { return setDialogVisible(false); } })] })] })] }));
 };
 //# sourceMappingURL=UserListView.js.map

package/dist/components/core/users/UserListView.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserListView.js","sourceRoot":"","sources":["../../../../src/components/core/users/UserListView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,8BAA8B,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClG,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,CAAC;AAEpB,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACjG,OAAO,EAAE,MAAM,EAAuB,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACrF,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAkB5D,IAAM,oBAAoB,GAAG,cAAkB,OAAA,CAAC;IAC9C,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,CAAC,WAAW,EAAE;IACjE,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,CAAC,WAAW,EAAE;IACjE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,CAAC,WAAW,EAAE;IAC9D,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,CAAC,WAAW,EAAE;CAChE,CAAC,EAL6C,CAK7C,CAAC;AAEH,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IACzB,IAAA,KAAoB,QAAQ,CAAU,EAAE,CAAC,EAAxC,KAAK,QAAA,EAAE,QAAQ,QAAyB,CAAC;IAC1C,IAAA,KAAwB,QAAQ,CAAa,cAAM,OAAA,oBAAoB,EAAE,EAAtB,CAAsB,CAAC,EAAzE,OAAO,QAAA,EAAE,UAAU,QAAsD,CAAC;IAC3E,IAAA,KAAsC,QAAQ,CAAa,cAAM,OAAA,oBAAoB,EAAE,EAAtB,CAAsB,CAAC,EAAvF,cAAc,QAAA,EAAE,iBAAiB,QAAsD,CAAC;IACzF,IAAA,KAAoB,QAAQ,CAAC,CAAC,CAAC,EAA9B,KAAK,QAAA,EAAE,QAAQ,QAAe,CAAC;IAChC,IAAA,KAAkB,QAAQ,CAAC,EAAE,CAAC,EAA7B,IAAI,QAAA,EAAE,OAAO,QAAgB,CAAC;IAC/B,IAAA,KAAkC,QAAQ,CAAC,CAAC,CAAC,EAA5C,YAAY,QAAA,EAAE,eAAe,QAAe,CAAC;IAC9C,IAAA,KAA4B,QAAQ,CAAC,EAAE,CAAC,EAAvC,SAAS,QAAA,EAAE,YAAY,QAAgB,CAAC;IACzC,IAAA,KAA4B,QAAQ,CAAa,CAAC,CAAC,EAAlD,SAAS,QAAA,EAAE,YAAY,QAA2B,CAAC;IACpD,IAAA,KAAoC,QAAQ,CAAU,EAAE,CAAC,EAAxD,aAAa,QAAA,EAAE,gBAAgB,QAAyB,CAAC;IAC1D,IAAA,KAAwB,QAAQ,CAAU,IAAI,CAAC,EAA9C,OAAO,QAAA,EAAE,UAAU,QAA2B,CAAC;IAChD,IAAA,KAAsC,QAAQ,CAAC,KAAK,CAAC,EAApD,eAAe,QAAA,EAAE,gBAAgB,QAAmB,CAAC;IAEtD,IAAA,KAA8D,oBAAoB,EAAE,EAAnF,cAAc,QAAA,EAAE,UAAyC,EAAjC,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAA4B,CAAC;IACrF,IAAA,KACJ,8BAA8B,EAAE,EAD3B,cAAc,QAAA,EAAE,UAAsF,EAAzE,mBAAmB,eAAA,EAAW,iBAAiB,aAAA,EAAS,eAAe,WACzE,CAAC;IAEnC,SAAS,CAAC;;QACR,IAAI,IAAI,EAAE;YACR,QAAQ,CAAC,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,0CAAE,OAAO,mCAAI,EAAE,CAAC,CAAC;YACpC,eAAe,CAAC,MAAA,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,0CAAE,IAAI,0CAAE,YAAY,mCAAI,CAAC,CAAC,CAAC;YACrD,UAAU,CAAC,KAAK,CAAC,CAAC;SACnB;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,SAAS,CAAC;QACR,IAAM,SAAS,GAAG;YAChB,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,IAAI;YACX,QAAQ,EAAE,CAAC,OAAO,CAAC;SACpB,CAAC;QACF,IAAM,WAAW,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,CAAC;QACxE,cAAc,CAAC,WAAW,CAAC,CAAC;QAC5B,gBAAgB,CAAC,EAAE,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kDAAkD;IAE1D,SAAS,CAAC;QACR,IAAI,OAAO,IAAI,iBAAiB,EAAE;YAChC,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,IAAI,YAAY,GAAG,cAAc,CAAC,aAAa,CAAC;YAEhD,IAAM,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC;YAErD,IAAI,sCAAsC,CAAC,UAAU,CAAC,EAAE;gBACtD,YAAY,GAAG,UAAI,UAAgE,CAAC,IAAI,CAAC,OAAO,CAAE,CAAC;aACpG;iBAAM;gBACL,YAAY,GAAG,cAAc,CAAC,eAAe,CAAC;aAC/C;YAED,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;SAC7G;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,iBAAiB,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC;IAEnE,IAAM,sCAAsC,GAAG,UAC7C,KAAU;QAEV,OAAO,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,IAAI,KAAK,IAAI,SAAS,IAAK,KAAa,CAAC,IAAI,CAAC;IACnG,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,KAAsC;QAC1D,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACtB,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACpB,cAAc,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;IACzE,CAAC,CAAC;IAEF,IAAM,MAAM,GAAG,UAAC,KAA0B;;QACxC,IAAM,aAAa,GAAG,MAAA,KAAK,CAAC,SAAS,mCAAI,EAAE,CAAC;QAC5C,IAAM,cAAc,GAAG,KAAK,CAAC,SAAS,KAAK,CAAC,IAAI,KAAK,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7F,YAAY,CAAC,aAAa,CAAC,CAAC;QAC5B,YAAY,CAAC,cAAc,CAAC,CAAC;QAC7B,QAAQ,CAAC,CAAC,CAAC,CAAC;QACZ,cAAc,CAAC,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;IAClE,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG,UACrB,MAAe,EACf,QAAiB,EACjB,KAAc,EACd,KAAkB,EAClB,WAAwB;;;YAElB,gBAAgB,GAAwB,EAAE,CAAC;YAEjD,MAAM,CAAC,IAAI,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,CAAC,CAAC,OAAO,CAAC,UAAC,SAAS;;;gBAC/C,IAAM,WAAW,GAAG,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,SAAS,CAAC,0CAAE,KAAK,CAAC;gBACpD,IAAM,SAAS,GAAG,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,SAAS,CAAC,0CAAE,SAAS,CAAC;gBAEtD,IAAI,WAAW,KAAK,IAAI,IAAI,WAAW,KAAK,SAAS,IAAI,SAAS,EAAE;oBAClE,IAAI,QAAQ,GAAG,SAAS,CAAC;oBACzB,QAAQ,SAAS,EAAE;wBACjB,KAAK,eAAe,CAAC,QAAQ;4BAC3B,QAAQ,GAAG,YAAY,CAAC;4BACxB,MAAM;wBACR,KAAK,eAAe,CAAC,WAAW;4BAC9B,QAAQ,GAAG,cAAc,CAAC;4BAC1B,MAAM;wBACR,KAAK,eAAe,CAAC,MAAM;4BACzB,QAAQ,GAAG,MAAM,CAAC;4BAClB,MAAM;wBACR,KAAK,eAAe,CAAC,YAAY;4BAC/B,QAAQ,GAAG,eAAe,CAAC;4BAC3B,MAAM;wBACR,KAAK,eAAe,CAAC,UAAU;4BAC7B,QAAQ,GAAG,MAAM,CAAC;4BAClB,MAAM;wBACR,KAAK,eAAe,CAAC,SAAS;4BAC5B,QAAQ,GAAG,YAAY,CAAC;4BACxB,MAAM;wBACR;4BACE,QAAQ,GAAG,SAAS,CAAC;qBACxB;oBAED,gBAAgB,CAAC,SAAS,CAAC,aAAK,GAAC,QAAQ,IAAG,WAAW,KAAE,CAAC;iBAC3D;YACH,CAAC,CAAC,CAAC;YAEG,SAAS,GAAwB;gBACrC,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,KAAK;gBACvB,KAAK,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,IAAI;gBACvB,QAAQ,EAAE,CAAC,OAAO,CAAC;gBACnB,OAAO,EAAE,gBAAgB;aAC1B,CAAC;YAEF,IAAI,KAAK,EAAE;gBACT,SAAS,CAAC,IAAI,GAAG,CAAC,UAAG,KAAK,cAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAE,CAAC,CAAC;aACpF;YAEK,WAAW,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE;gBAC1C,gBAAgB,EAAE,IAAI;aACvB,CAAC,CAAC;YAEH,sBAAO,cAAc,CAAC,WAAW,CAAC,EAAC;;SACpC,CAAC;IAEF,IAAM,uBAAuB,GAAG,UAAC,SAA2B,EAAE,KAAa;QACzE,iBAAiB,CAAC,UAAC,IAAI;;YAAK,OAAA,uBACvB,IAAI,gBACN,SAAS,0BAAQ,IAAI,CAAC,SAAS,CAAC,KAAE,KAAK,OAAA,UACxC;QAH0B,CAG1B,CAAC,CAAC;IACN,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG;QACnB,QAAQ,CAAC,CAAC,CAAC,CAAC;QACZ,UAAU,CAAC,cAAc,CAAC,CAAC;QAC3B,cAAc,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC;IAChE,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG;QACnB,IAAM,QAAQ,GAAG,oBAAoB,EAAE,CAAC;QACxC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QAC5B,UAAU,CAAC,QAAQ,CAAC,CAAC;QACrB,QAAQ,CAAC,CAAC,CAAC,CAAC;QACZ,cAAc,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;IAC1D,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG;QACjB,IAAM,UAAU,GAAG,aAAa,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,EAAE,EAAP,CAAO,CAAC,CAAC;QACxD,cAAc,CAAC,UAAU,CAAC,CAAC;QAC3B,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,wBAAwB,aACrC,eAAK,SAAS,EAAC,8CAA8C,aAC3D,KAAC,YAAY,KAAG,EACf,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC3B,KAAC,WAAW,IACV,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,QAAQ,EACjB,SAAS,EAAC,cAAc,EACxB,OAAO,EAAE,cAAM,OAAA,gBAAgB,CAAC,IAAI,CAAC,EAAtB,CAAsB,GACrC,CACH,IACG,EAEN,eAAK,SAAS,EAAC,oBAAoB,aAChC;wBACC,EAAE,GAAG,EAAE,UAAU,EAAE,WAAW,EAAE,qBAAqB,EAAE;wBACvD,EAAE,GAAG,EAAE,UAAU,EAAE,WAAW,EAAE,oBAAoB,EAAE;wBACtD,EAAE,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE;wBAChD,EAAE,GAAG,EAAE,QAAQ,EAAE,WAAW,EAAE,kBAAkB,EAAE;qBACnD,CAAC,GAAG,CAAC,UAAC,MAAM;;wBAAK,OAAA,CAChB,cAAK,SAAS,EAAC,uBAAuB,YACpC,KAAC,UAAU,IACT,KAAK,EAAE,MAAA,cAAc,CAAC,MAAM,CAAC,GAAuB,CAAC,CAAC,KAAK,mCAAI,EAAE,EACjE,QAAQ,EAAE,UAAC,KAAK;oCACd,OAAA,uBAAuB,CAAC,MAAM,CAAC,GAAuB,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;gCAAlF,CAAkF,EAEpF,WAAW,EAAE,MAAM,CAAC,WAAW,GAC/B,IAPwC,MAAM,CAAC,GAAG,CAQhD,CACP,CAAA;qBAAA,CAAC,EACF,eAAK,SAAS,EAAC,4CAA4C,aACzD,KAAC,WAAW,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAC,OAAO,GAAG,EACjE,KAAC,WAAW,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAC,OAAO,GAAG,IAC7E,IACF,EAEL,CAAC,OAAO,IAAI,SAAS,CAAC,IAAI,CACzB,cAAK,SAAS,EAAC,kCAAkC,YAC/C,KAAC,YAAY,KAAG,GACZ,CACP,EAED,MAAC,cAAc,IACb,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,OAAO,EACZ,SAAS,QACT,IAAI,EAAE,IAAI,EACV,kBAAkB,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAChC,OAAO,EAAC,IAAI,EACZ,YAAY,EAAC,gBAAgB,EAC7B,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,YAAY,EACpB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,aAAa,EACxB,iBAAiB,EAAE,UAAC,EAAS;wBAAP,KAAK,WAAA;oBAAO,OAAA,gBAAgB,CAAC,KAAK,CAAC;gBAAvB,CAAuB,aAEzD,KAAC,MAAM,IAAC,aAAa,EAAC,UAAU,EAAC,WAAW,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAI,EAClE,KAAC,MAAM,IAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAC,QAAQ,QAAC,eAAe,EAAC,iBAAiB,GAAG,EAChG,KAAC,MAAM,IACL,KAAK,EAAC,UAAU,EAChB,MAAM,EAAC,WAAW,EAClB,SAAS,EAAC,SAAS,EACnB,QAAQ,QACR,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAC5B,eAAe,EAAC,iBAAiB,GACjC,EACF,KAAC,MAAM,IACL,KAAK,EAAC,UAAU,EAChB,MAAM,EAAC,UAAU,EACjB,SAAS,EAAC,SAAS,EACnB,QAAQ,QACR,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAC5B,eAAe,EAAC,iBAAiB,GACjC,EACF,KAAC,MAAM,IACL,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,EACd,SAAS,EAAC,SAAS,EACnB,QAAQ,QACR,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAC5B,eAAe,EAAC,iBAAiB,GACjC,EACF,KAAC,MAAM,IACL,IAAI,EAAE,UAAC,MAAa,IAAK,OAAA,CACvB,KAAC,IAAI,IACH,IAAI,EAAE,UAAG,MAAM,CAAC,EAAE,CAAE,EACpB,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,YAE3B,KAAC,SAAS,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,wBAAgB,GAClE,CACR,EATwB,CASxB,GACD,IACa,EAEjB,MAAC,WAAW,IACV,OAAO,EAAE,eAAe,EACxB,MAAM,EAAC,gBAAgB,EACvB,KAAK,QACL,SAAS,EAAC,sBAAsB,EAChC,MAAM,EAAE,cAAM,OAAA,gBAAgB,CAAC,KAAK,CAAC,EAAvB,CAAuB,aAErC,8EAA0D,EAC1D,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,WAAW,IAAC,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,cAAc,EAAC,QAAQ,EAAC,QAAQ,EAAC,SAAS,QAAC,OAAO,EAAE,UAAU,GAAI,EACrG,KAAC,WAAW,IAAC,KAAK,EAAC,IAAI,EAAC,SAAS,EAAC,cAAc,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,cAAM,OAAA,gBAAgB,CAAC,KAAK,CAAC,EAAvB,CAAuB,GAAI,IACvG,IACM,IACV,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useDeleteMultipleUsersMutation, useLazyGetusersQuery } from \"../../../redux/api/userApi\";\nimport Link from \"../../common/Link\";\nimport { useEffect, useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { CreateButton } from \"../../../components/common/CreateButton\";\nimport qs from \"qs\";\nimport { FetchBaseQueryError } from \"@reduxjs/toolkit/query\";\nimport { ERROR_MESSAGES } from \"../../../constants/error-messages\";\nimport { showToast } from \"../../../redux/features/toastSlice\";\nimport { SolidButton, SolidDialog, SolidIcon, SolidInput, SolidSpinner } from \"../../shad-cn-ui\";\nimport { Column, DataTableStateEvent, SolidDataTable } from \"../list/SolidDataTable\";\nimport { FilterMatchMode } from \"../filter/filterMatchMode\";\n\ninterface Users {\n  id: string;\n  fullName: string;\n  username: string;\n  email: string;\n  mobile: string;\n}\n\ninterface ErrorResponseData {\n  message: string;\n  statusCode: number;\n  error: string;\n}\n\ntype FilterMeta = Record<string, { value: string | null; matchMode: string }>;\n\nconst createDefaultFilters = (): FilterMeta => ({\n  fullName: { value: null, matchMode: FilterMatchMode.STARTS_WITH },\n  username: { value: null, matchMode: FilterMatchMode.STARTS_WITH },\n  email: { value: null, matchMode: FilterMatchMode.STARTS_WITH },\n  mobile: { value: null, matchMode: FilterMatchMode.STARTS_WITH },\n});\n\nexport const UserListView = () => {\n  const dispatch = useDispatch();\n  const [users, setUsers] = useState<Users[]>([]);\n  const [filters, setFilters] = useState<FilterMeta>(() => createDefaultFilters());\n  const [pendingFilters, setPendingFilters] = useState<FilterMeta>(() => createDefaultFilters());\n  const [first, setFirst] = useState(0);\n  const [rows, setRows] = useState(25);\n  const [totalRecords, setTotalRecords] = useState(0);\n  const [sortField, setSortField] = useState(\"\");\n  const [sortOrder, setSortOrder] = useState<1 | -1 | 0>(0);\n  const [selectedUsers, setSelectedUsers] = useState<Users[]>([]);\n  const [loading, setLoading] = useState<boolean>(true);\n  const [isDialogVisible, setDialogVisible] = useState(false);\n\n  const [triggerGetUser, { data: user, isLoading, error, isError }] = useLazyGetusersQuery();\n  const [deleteManyUser, { isSuccess: isDeleteUserSuceess, isError: isUserDeleteError, error: UserDeleteError }] =\n    useDeleteMultipleUsersMutation();\n\n  useEffect(() => {\n    if (user) {\n      setUsers(user?.data?.records ?? []);\n      setTotalRecords(user?.data?.meta?.totalRecords ?? 0);\n      setLoading(false);\n    }\n  }, [user]);\n\n  useEffect(() => {\n    const queryData = {\n      offset: 0,\n      limit: rows,\n      populate: [\"roles\"],\n    };\n    const queryString = qs.stringify(queryData, { encodeValuesOnly: true });\n    triggerGetUser(queryString);\n    setSelectedUsers([]);\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    if (isError || isUserDeleteError) {\n      setLoading(false);\n      let errorMessage = ERROR_MESSAGES.ERROR_OCCURED;\n\n      const errorToast = isError ? error : UserDeleteError;\n\n      if (isFetchBaseQueryErrorWithErrorResponse(errorToast)) {\n        errorMessage = `${(errorToast as FetchBaseQueryError & { data: ErrorResponseData }).data.message}`;\n      } else {\n        errorMessage = ERROR_MESSAGES.SOMETHING_WRONG;\n      }\n\n      dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.ERROR, detail: errorMessage, life: 3000 }));\n    }\n  }, [dispatch, isError, isUserDeleteError, error, UserDeleteError]);\n\n  const isFetchBaseQueryErrorWithErrorResponse = (\n    error: any\n  ): error is FetchBaseQueryError & { data: ErrorResponseData } => {\n    return error && typeof error === \"object\" && \"data\" in error && \"message\" in (error as any).data;\n  };\n\n  const onPageChange = (event: { first: number; rows: number }) => {\n    setFirst(event.first);\n    setRows(event.rows);\n    setQueryString(event.first, event.rows, sortField, sortOrder, filters);\n  };\n\n  const onSort = (event: DataTableStateEvent) => {\n    const nextSortField = event.sortField ?? \"\";\n    const validSortOrder = event.sortOrder === 1 || event.sortOrder === -1 ? event.sortOrder : 0;\n    setSortField(nextSortField);\n    setSortOrder(validSortOrder);\n    setFirst(0);\n    setQueryString(0, rows, nextSortField, validSortOrder, filters);\n  };\n\n  const setQueryString = async (\n    offset?: number,\n    rowCount?: number,\n    field?: string,\n    order?: 1 | -1 | 0,\n    filterQuery?: FilterMeta\n  ) => {\n    const formattedFilters: Record<string, any> = {};\n\n    Object.keys(filterQuery ?? {}).forEach((fieldName) => {\n      const filterValue = filterQuery?.[fieldName]?.value;\n      const matchMode = filterQuery?.[fieldName]?.matchMode;\n\n      if (filterValue !== null && filterValue !== undefined && matchMode) {\n        let operator = matchMode;\n        switch (matchMode) {\n          case FilterMatchMode.CONTAINS:\n            operator = \"$containsi\";\n            break;\n          case FilterMatchMode.STARTS_WITH:\n            operator = \"$startsWithi\";\n            break;\n          case FilterMatchMode.EQUALS:\n            operator = \"$eqi\";\n            break;\n          case FilterMatchMode.NOT_CONTAINS:\n            operator = \"$notContainsi\";\n            break;\n          case FilterMatchMode.NOT_EQUALS:\n            operator = \"$nei\";\n            break;\n          case FilterMatchMode.ENDS_WITH:\n            operator = \"$endsWithi\";\n            break;\n          default:\n            operator = matchMode;\n        }\n\n        formattedFilters[fieldName] = { [operator]: filterValue };\n      }\n    });\n\n    const queryData: Record<string, any> = {\n      offset: offset ?? first,\n      limit: rowCount ?? rows,\n      populate: [\"roles\"],\n      filters: formattedFilters,\n    };\n\n    if (field) {\n      queryData.sort = [`${field}:${order === 0 ? null : order === 1 ? \"asc\" : \"desc\"}`];\n    }\n\n    const queryString = qs.stringify(queryData, {\n      encodeValuesOnly: true,\n    });\n\n    return triggerGetUser(queryString);\n  };\n\n  const handleFilterInputChange = (fieldName: keyof FilterMeta, value: string) => {\n    setPendingFilters((prev) => ({\n      ...prev,\n      [fieldName]: { ...prev[fieldName], value },\n    }));\n  };\n\n  const applyFilters = () => {\n    setFirst(0);\n    setFilters(pendingFilters);\n    setQueryString(0, rows, sortField, sortOrder, pendingFilters);\n  };\n\n  const clearFilters = () => {\n    const defaults = createDefaultFilters();\n    setPendingFilters(defaults);\n    setFilters(defaults);\n    setFirst(0);\n    setQueryString(0, rows, sortField, sortOrder, defaults);\n  };\n\n  const deleteBulk = () => {\n    const deleteList = selectedUsers.map((user) => user.id);\n    deleteManyUser(deleteList);\n    setDialogVisible(false);\n  };\n\n  return (\n    <div className=\"solid-user-list w-full\">\n      <div className=\"flex gap-3 mb-4 align-items-center flex-wrap\">\n        <CreateButton />\n        {selectedUsers.length > 0 && (\n          <SolidButton\n            type=\"button\"\n            label=\"Delete\"\n            size=\"small\"\n            severity=\"danger\"\n            className=\"small-button\"\n            onClick={() => setDialogVisible(true)}\n          />\n        )}\n      </div>\n\n      <div className=\"grid formgrid mb-3\">\n        {[\n          { key: \"fullName\", placeholder: \"Search by full name\" },\n          { key: \"username\", placeholder: \"Search by username\" },\n          { key: \"email\", placeholder: \"Search by email\" },\n          { key: \"mobile\", placeholder: \"Search by mobile\" },\n        ].map((filter) => (\n          <div className=\"field col-12 md:col-3\" key={filter.key}>\n            <SolidInput\n              value={pendingFilters[filter.key as keyof FilterMeta].value ?? \"\"}\n              onChange={(event) =>\n                handleFilterInputChange(filter.key as keyof FilterMeta, event.currentTarget.value)\n              }\n              placeholder={filter.placeholder}\n            />\n          </div>\n        ))}\n        <div className=\"field col-12 flex align-items-center gap-2\">\n          <SolidButton size=\"small\" onClick={applyFilters} label=\"Apply\" />\n          <SolidButton size=\"small\" variant=\"ghost\" onClick={clearFilters} label=\"Clear\" />\n        </div>\n      </div>\n\n      {(loading || isLoading) && (\n        <div className=\"flex justify-content-center my-3\">\n          <SolidSpinner />\n        </div>\n      )}\n\n      <SolidDataTable\n        value={users}\n        size=\"small\"\n        paginator\n        rows={rows}\n        rowsPerPageOptions={[10, 25, 50]}\n        dataKey=\"id\"\n        emptyMessage=\"No users found\"\n        totalRecords={totalRecords}\n        first={first}\n        onPage={onPageChange}\n        onSort={onSort}\n        sortField={sortField}\n        sortOrder={sortOrder}\n        selection={selectedUsers}\n        onSelectionChange={({ value }) => setSelectedUsers(value)}\n      >\n        <Column selectionMode=\"multiple\" headerStyle={{ width: \"3em\" }} />\n        <Column field=\"id\" header=\"ID\" className=\"text-sm\" sortable headerClassName=\"table-header-fs\" />\n        <Column\n          field=\"fullName\"\n          header=\"Full Name\"\n          className=\"text-sm\"\n          sortable\n          style={{ minWidth: \"12rem\" }}\n          headerClassName=\"table-header-fs\"\n        />\n        <Column\n          field=\"username\"\n          header=\"Username\"\n          className=\"text-sm\"\n          sortable\n          style={{ minWidth: \"12rem\" }}\n          headerClassName=\"table-header-fs\"\n        />\n        <Column\n          field=\"email\"\n          header=\"Email\"\n          className=\"text-sm\"\n          sortable\n          style={{ minWidth: \"12rem\" }}\n          headerClassName=\"table-header-fs\"\n        />\n        <Column\n          body={(record: Users) => (\n            <Link\n              href={`${record.id}`}\n              rel=\"noopener noreferrer\"\n              className=\"text-sm font-bold p-0\"\n              style={{ color: \"#12415D\" }}\n            >\n              <SolidIcon name=\"si-pencil\" style={{ fontSize: \"1rem\" }} aria-hidden />\n            </Link>\n          )}\n        />\n      </SolidDataTable>\n\n      <SolidDialog\n        visible={isDialogVisible}\n        header=\"Confirm Delete\"\n        modal\n        className=\"solid-confirm-dialog\"\n        onHide={() => setDialogVisible(false)}\n      >\n        <p>Are you sure you want to delete the selected Users?</p>\n        <div className=\"flex justify-content-center gap-3 mt-3\">\n          <SolidButton label=\"Yes\" className=\"small-button\" severity=\"danger\" autoFocus onClick={deleteBulk} />\n          <SolidButton label=\"No\" className=\"small-button\" variant=\"ghost\" onClick={() => setDialogVisible(false)} />\n        </div>\n      </SolidDialog>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"UserListView.js","sourceRoot":"","sources":["../../../../src/components/core/users/UserListView.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useDeleteMultipleUsersMutation, useLazyGetusersQuery } from \"../../../redux/api/userApi\";\nimport Link from \"../../common/Link\";\nimport { useEffect, useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { CreateButton } from \"../../../components/common/CreateButton\";\nimport qs from \"qs\";\nimport { FetchBaseQueryError } from \"@reduxjs/toolkit/query\";\nimport { ERROR_MESSAGES } from \"../../../constants/error-messages\";\nimport { showToast } from \"../../../redux/features/toastSlice\";\nimport { SolidButton, SolidDialog, SolidIcon, SolidInput, SolidSpinner } from \"../../shad-cn-ui\";\nimport { Column, DataTableStateEvent, SolidDataTable } from \"../list/SolidDataTable\";\nimport { FilterMatchMode } from \"../filter/filterMatchMode\";\n\ninterface Users {\n  id: string;\n  fullName: string;\n  username: string;\n  email: string;\n  mobile: string;\n}\n\ninterface ErrorResponseData {\n  message: string;\n  statusCode: number;\n  error: string;\n}\n\ntype FilterMeta = Record<string, { value: string | null; matchMode: string }>;\n\nconst createDefaultFilters = (): FilterMeta => ({\n  fullName: { value: null, matchMode: FilterMatchMode.STARTS_WITH },\n  username: { value: null, matchMode: FilterMatchMode.STARTS_WITH },\n  email: { value: null, matchMode: FilterMatchMode.STARTS_WITH },\n  mobile: { value: null, matchMode: FilterMatchMode.STARTS_WITH },\n});\n\nexport const UserListView = () => {\n  const dispatch = useDispatch();\n  const [users, setUsers] = useState<Users[]>([]);\n  const [filters, setFilters] = useState<FilterMeta>(() => createDefaultFilters());\n  const [pendingFilters, setPendingFilters] = useState<FilterMeta>(() => createDefaultFilters());\n  const [first, setFirst] = useState(0);\n  const [rows, setRows] = useState(25);\n  const [totalRecords, setTotalRecords] = useState(0);\n  const [sortField, setSortField] = useState(\"\");\n  const [sortOrder, setSortOrder] = useState<1 | -1 | 0>(0);\n  const [selectedUsers, setSelectedUsers] = useState<Users[]>([]);\n  const [loading, setLoading] = useState<boolean>(true);\n  const [isDialogVisible, setDialogVisible] = useState(false);\n\n  const [triggerGetUser, { data: user, isLoading, error, isError }] = useLazyGetusersQuery();\n  const [deleteManyUser, { isSuccess: isDeleteUserSuceess, isError: isUserDeleteError, error: UserDeleteError }] =\n    useDeleteMultipleUsersMutation();\n\n  useEffect(() => {\n    if (user) {\n      setUsers(user?.data?.records ?? []);\n      setTotalRecords(user?.data?.meta?.totalRecords ?? 0);\n      setLoading(false);\n    }\n  }, [user]);\n\n  useEffect(() => {\n    const queryData = {\n      offset: 0,\n      limit: rows,\n      populate: [\"roles\"],\n    };\n    const queryString = qs.stringify(queryData, { encodeValuesOnly: true });\n    triggerGetUser(queryString);\n    setSelectedUsers([]);\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    if (isError || isUserDeleteError) {\n      setLoading(false);\n      let errorMessage = ERROR_MESSAGES.ERROR_OCCURED;\n\n      const errorToast = isError ? error : UserDeleteError;\n\n      if (isFetchBaseQueryErrorWithErrorResponse(errorToast)) {\n        errorMessage = `${(errorToast as FetchBaseQueryError & { data: ErrorResponseData }).data.message}`;\n      } else {\n        errorMessage = ERROR_MESSAGES.SOMETHING_WRONG;\n      }\n\n      dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.ERROR, detail: errorMessage, life: 3000 }));\n    }\n  }, [dispatch, isError, isUserDeleteError, error, UserDeleteError]);\n\n  const isFetchBaseQueryErrorWithErrorResponse = (\n    error: any\n  ): error is FetchBaseQueryError & { data: ErrorResponseData } => {\n    return error && typeof error === \"object\" && \"data\" in error && \"message\" in (error as any).data;\n  };\n\n  const onPageChange = (event: { first: number; rows: number }) => {\n    setFirst(event.first);\n    setRows(event.rows);\n    setQueryString(event.first, event.rows, sortField, sortOrder, filters);\n  };\n\n  const onSort = (event: DataTableStateEvent) => {\n    const nextSortField = event.sortField ?? \"\";\n    const validSortOrder = event.sortOrder === 1 || event.sortOrder === -1 ? event.sortOrder : 0;\n    setSortField(nextSortField);\n    setSortOrder(validSortOrder);\n    setFirst(0);\n    setQueryString(0, rows, nextSortField, validSortOrder, filters);\n  };\n\n  const setQueryString = async (\n    offset?: number,\n    rowCount?: number,\n    field?: string,\n    order?: 1 | -1 | 0,\n    filterQuery?: FilterMeta\n  ) => {\n    const formattedFilters: Record<string, any> = {};\n\n    Object.keys(filterQuery ?? {}).forEach((fieldName) => {\n      const filterValue = filterQuery?.[fieldName]?.value;\n      const matchMode = filterQuery?.[fieldName]?.matchMode;\n\n      if (filterValue !== null && filterValue !== undefined && matchMode) {\n        let operator = matchMode;\n        switch (matchMode) {\n          case FilterMatchMode.CONTAINS:\n            operator = \"$containsi\";\n            break;\n          case FilterMatchMode.STARTS_WITH:\n            operator = \"$startsWithi\";\n            break;\n          case FilterMatchMode.EQUALS:\n            operator = \"$eqi\";\n            break;\n          case FilterMatchMode.NOT_CONTAINS:\n            operator = \"$notContainsi\";\n            break;\n          case FilterMatchMode.NOT_EQUALS:\n            operator = \"$nei\";\n            break;\n          case FilterMatchMode.ENDS_WITH:\n            operator = \"$endsWithi\";\n            break;\n          default:\n            operator = matchMode;\n        }\n\n        formattedFilters[fieldName] = { [operator]: filterValue };\n      }\n    });\n\n    const queryData: Record<string, any> = {\n      offset: offset ?? first,\n      limit: rowCount ?? rows,\n      populate: [\"roles\"],\n      filters: formattedFilters,\n    };\n\n    if (field) {\n      queryData.sort = [`${field}:${order === 0 ? null : order === 1 ? \"asc\" : \"desc\"}`];\n    }\n\n    const queryString = qs.stringify(queryData, {\n      encodeValuesOnly: true,\n    });\n\n    return triggerGetUser(queryString);\n  };\n\n  const handleFilterInputChange = (fieldName: keyof FilterMeta, value: string) => {\n    setPendingFilters((prev) => ({\n      ...prev,\n      [fieldName]: { ...prev[fieldName], value },\n    }));\n  };\n\n  const applyFilters = () => {\n    setFirst(0);\n    setFilters(pendingFilters);\n    setQueryString(0, rows, sortField, sortOrder, pendingFilters);\n  };\n\n  const clearFilters = () => {\n    const defaults = createDefaultFilters();\n    setPendingFilters(defaults);\n    setFilters(defaults);\n    setFirst(0);\n    setQueryString(0, rows, sortField, sortOrder, defaults);\n  };\n\n  const deleteBulk = () => {\n    const deleteList = selectedUsers.map((user) => user.id);\n    deleteManyUser(deleteList);\n    setDialogVisible(false);\n  };\n\n  return (\n    <div className=\"solid-user-list w-full\">\n      <div className=\"flex gap-4 mb-6 items-center flex-wrap\">\n        <CreateButton />\n        {selectedUsers.length > 0 && (\n          <SolidButton\n            type=\"button\"\n            label=\"Delete\"\n            size=\"small\"\n            severity=\"danger\"\n            className=\"small-button\"\n            onClick={() => setDialogVisible(true)}\n          />\n        )}\n      </div>\n\n      <div className=\"flex flex-wrap -mx-2 -mt-2 mb-4\">\n        {[\n          { key: \"fullName\", placeholder: \"Search by full name\" },\n          { key: \"username\", placeholder: \"Search by username\" },\n          { key: \"email\", placeholder: \"Search by email\" },\n          { key: \"mobile\", placeholder: \"Search by mobile\" },\n        ].map((filter) => (\n          <div className=\"field w-full md:w-1/4 px-2 pt-2\" key={filter.key}>\n            <SolidInput\n              value={pendingFilters[filter.key as keyof FilterMeta].value ?? \"\"}\n              onChange={(event) =>\n                handleFilterInputChange(filter.key as keyof FilterMeta, event.currentTarget.value)\n              }\n              placeholder={filter.placeholder}\n            />\n          </div>\n        ))}\n        <div className=\"field w-full px-2 pt-2 flex items-center gap-2\">\n          <SolidButton size=\"small\" onClick={applyFilters} label=\"Apply\" />\n          <SolidButton size=\"small\" variant=\"ghost\" onClick={clearFilters} label=\"Clear\" />\n        </div>\n      </div>\n\n      {(loading || isLoading) && (\n        <div className=\"flex justify-center my-4\">\n          <SolidSpinner />\n        </div>\n      )}\n\n      <SolidDataTable\n        value={users}\n        size=\"small\"\n        paginator\n        rows={rows}\n        rowsPerPageOptions={[10, 25, 50]}\n        dataKey=\"id\"\n        emptyMessage=\"No users found\"\n        totalRecords={totalRecords}\n        first={first}\n        onPage={onPageChange}\n        onSort={onSort}\n        sortField={sortField}\n        sortOrder={sortOrder}\n        selection={selectedUsers}\n        onSelectionChange={({ value }) => setSelectedUsers(value)}\n      >\n        <Column selectionMode=\"multiple\" headerStyle={{ width: \"3em\" }} />\n        <Column field=\"id\" header=\"ID\" className=\"text-sm\" sortable headerClassName=\"table-header-fs\" />\n        <Column\n          field=\"fullName\"\n          header=\"Full Name\"\n          className=\"text-sm\"\n          sortable\n          style={{ minWidth: \"12rem\" }}\n          headerClassName=\"table-header-fs\"\n        />\n        <Column\n          field=\"username\"\n          header=\"Username\"\n          className=\"text-sm\"\n          sortable\n          style={{ minWidth: \"12rem\" }}\n          headerClassName=\"table-header-fs\"\n        />\n        <Column\n          field=\"email\"\n          header=\"Email\"\n          className=\"text-sm\"\n          sortable\n          style={{ minWidth: \"12rem\" }}\n          headerClassName=\"table-header-fs\"\n        />\n        <Column\n          body={(record: Users) => (\n            <Link\n              href={`${record.id}`}\n              rel=\"noopener noreferrer\"\n              className=\"text-sm font-bold p-0\"\n              style={{ color: \"#12415D\" }}\n            >\n              <SolidIcon name=\"si-pencil\" style={{ fontSize: \"1rem\" }} aria-hidden />\n            </Link>\n          )}\n        />\n      </SolidDataTable>\n\n      <SolidDialog\n        visible={isDialogVisible}\n        header=\"Confirm Delete\"\n        modal\n        className=\"solid-confirm-dialog\"\n        onHide={() => setDialogVisible(false)}\n      >\n        <p>Are you sure you want to delete the selected Users?</p>\n        <div className=\"flex justify-center gap-4 mt-4\">\n          <SolidButton label=\"Yes\" className=\"small-button\" severity=\"danger\" autoFocus onClick={deleteBulk} />\n          <SolidButton label=\"No\" className=\"small-button\" variant=\"ghost\" onClick={() => setDialogVisible(false)} />\n        </div>\n      </SolidDialog>\n    </div>\n  );\n};\n"]}