@solidstarters/solid-core-ui 1.1.15 → 1.1.17

package/src/components/core/model/FieldMetaDataForm.tsx

@@ -85,14 +85,14 @@ const SelectionStaticValues = ({ enumValue, onUpdate, onDelete, onAdd }: any) =>
   };
 
   return (
-    <div className="flex align-items-center gap-2">
+    <div className="flex align-items-center gap-2 mt-2">
       
       {/* Input field for Value */}
       <InputText
         value={value || ""}
         onChange={(e) => handleValueChange(e.target.value)}
         placeholder="Value"
-        className="p-inputtext-sm small-input w-full"
+        className="w-full"
       />
       
       {/* Input field for Display */}
@@ -100,7 +100,7 @@ const SelectionStaticValues = ({ enumValue, onUpdate, onDelete, onAdd }: any) =>
         value={display || ""}
         onChange={(e) => handleDisplayChange(e.target.value)}
         placeholder="Display"
-        className="p-inputtext-sm small-input w-full"
+        className="w-full"
       />
 
       
@@ -1571,7 +1571,7 @@ const FieldMetaDataForm = ({ modelMetaData, fieldMetaData, setFieldMetaData, all
                           )}
 
                           {currentFields.includes("mediaEmbedded") && (
-                            <div className="field col-6 flex-flex-column gap-2">
+                            <div className="field col-6 flex-flex-column gap-2 mt-3">
                               <label
                                 htmlFor="mediaEmbedded"
                                 className="form-field-label"
@@ -1614,7 +1614,7 @@ const FieldMetaDataForm = ({ modelMetaData, fieldMetaData, setFieldMetaData, all
                             </div>
                           )}
                           {currentFields.includes("relationType") && (
-                            <div className="field col-6 flex-flex-column gap-2">
+                            <div className="field col-6 flex-flex-column gap-2 mt-3">
                               {/* <label
                                   htmlFor="relationType"
                                   className="form-field-label"
@@ -1650,7 +1650,7 @@ const FieldMetaDataForm = ({ modelMetaData, fieldMetaData, setFieldMetaData, all
                                 onChange={(e) =>
                                   formik.setFieldValue("relationType", e.value)
                                 }
-                                className={classNames(" flex boolean-switch", {
+                                className={classNames("", {
                                   "p-invalid": isFormFieldValid(formik, "relationType"),
                                 })}
                                 optionLabel="label"
@@ -1682,7 +1682,7 @@ const FieldMetaDataForm = ({ modelMetaData, fieldMetaData, setFieldMetaData, all
                             </div>
                           )}
                           {currentFields.includes("relationType") && formik.values.relationType === "many-to-one" && (
-                            <div className="field col-6 flex-flex-column gap-2">
+                            <div className="field col-6 flex-flex-column gap-2 mt-3">
                               <label
                                 htmlFor="relationCascade"
                                 className="form-field-label"
@@ -1701,7 +1701,7 @@ const FieldMetaDataForm = ({ modelMetaData, fieldMetaData, setFieldMetaData, all
                                   )
                                 }
                                 placeholder="Cascade"
-                                className={classNames("small-input p-inputtext-sm w-full", {
+                                className={classNames("w-full", {
                                   "p-invalid": isFormFieldValid(
                                     formik,
                                     "relationCascade"
@@ -1718,7 +1718,7 @@ const FieldMetaDataForm = ({ modelMetaData, fieldMetaData, setFieldMetaData, all
                           )}
 
                           {currentFields.includes("relationModelModuleName") && (
-                            <div className="field col-6 flex-flex-column gap-2">
+                            <div className="field col-6 flex-flex-column gap-2  mt-3">
                               <label
                                 htmlFor="relationModelModuleName"
                                 className="form-field-label"
@@ -1780,7 +1780,7 @@ const FieldMetaDataForm = ({ modelMetaData, fieldMetaData, setFieldMetaData, all
                           {currentFields.includes(
                             "relationModelSingularName"
                           ) && (
-                              <div className="field col-6 flex-flex-column gap-2">
+                              <div className="field col-6 flex-flex-column gap-2 mt-3">
                                 <label
                                   htmlFor="relationModelSingularName"
                                   className="form-field-label"
@@ -1827,7 +1827,7 @@ const FieldMetaDataForm = ({ modelMetaData, fieldMetaData, setFieldMetaData, all
                             )}
 
                           {currentFields.includes("relationCreateInverse") && formik.values.relationType === "many-to-many" && (
-                            <div className="field col-6 flex flex-column gap-2">
+                            <div className="field col-6 flex flex-column gap-2 mt-3">
                               <label htmlFor="relationCreateInverse" className="form-field-label">
                                 Relation Create Inverse
                               </label>
@@ -1847,7 +1847,7 @@ const FieldMetaDataForm = ({ modelMetaData, fieldMetaData, setFieldMetaData, all
                           )}
 
                           {currentFields.includes("relationModelFieldName") && formik.values.relationCreateInverse && formik.values.relationType === "many-to-many" && (
-                            <div className="field col-6 flex-flex-column gap-2">
+                            <div className="field col-6 flex-flex-column gap-2 mt-3">
                               <label
                                 htmlFor="relationModelFieldName"
                                 className="form-field-label"
@@ -1878,7 +1878,7 @@ const FieldMetaDataForm = ({ modelMetaData, fieldMetaData, setFieldMetaData, all
                           )}
 
                           {currentFields.includes("relationJoinTableName") && formik.values.relationType === "many-to-many" && (
-                            <div className="field col-6 flex-flex-column gap-2">
+                            <div className="field col-6 flex-flex-column gap-2 mt-3">
                               <label
                                 htmlFor="relationJoinTableName"
                                 className="form-field-label"
@@ -1909,7 +1909,7 @@ const FieldMetaDataForm = ({ modelMetaData, fieldMetaData, setFieldMetaData, all
                           )}
 
                           {currentFields.includes("joinColumnName") && formik.values.relationType === "many-to-many" && (
-                            <div className="field col-6 flex-flex-column gap-2">
+                            <div className="field col-6 flex-flex-column gap-2 mt-3">
                               <label
                                 htmlFor="joinColumnName"
                                 className="form-field-label"
@@ -1940,7 +1940,7 @@ const FieldMetaDataForm = ({ modelMetaData, fieldMetaData, setFieldMetaData, all
                           )}
 
                           {currentFields.includes("relationJoinColumnName") && formik.values.relationType === "many-to-many" && (
-                            <div className="field col-6 flex-flex-column gap-2">
+                            <div className="field col-6 flex-flex-column gap-2 mt-3">
                               <label
                                 htmlFor="relationJoinColumnName"
                                 className="form-field-label"
@@ -1971,7 +1971,7 @@ const FieldMetaDataForm = ({ modelMetaData, fieldMetaData, setFieldMetaData, all
                           )}
 
                           {currentFields.includes("selectionDynamicProvider") && (
-                            <div className="field col-6 flex-flex-column gap-2">
+                            <div className="field col-6 flex-flex-column gap-2 mt-3">
                               <label
                                 htmlFor="selectionDynamicProvider"
                                 className="form-field-label"
@@ -2027,7 +2027,7 @@ const FieldMetaDataForm = ({ modelMetaData, fieldMetaData, setFieldMetaData, all
                             </div>
                           )}
                           {currentFields.includes("selectionValueType") && (
-                            <div className="field col-6 flex-flex-column gap-2">
+                            <div className="field col-6 flex-flex-column gap-2 mt-3">
                               <label
                                 htmlFor="selectionValueType"
                                 className="form-field-label"
@@ -2066,7 +2066,7 @@ const FieldMetaDataForm = ({ modelMetaData, fieldMetaData, setFieldMetaData, all
                           )}
 
                           {currentFields.includes("selectionStaticValues") && (
-                            <div className="field col-6 flex-flex-column gap-2">
+                            <div className="field col-6 flex-flex-column gap-2 mt-3">
                               <label
                                 htmlFor="selectionStaticValues"
                                 className="form-field-label"
@@ -2112,7 +2112,7 @@ const FieldMetaDataForm = ({ modelMetaData, fieldMetaData, setFieldMetaData, all
                             </div>
                           )}
                           {currentFields.includes("computedFieldValueType") && (
-                            <div className="field col-6 flex-flex-column gap-2">
+                            <div className="field col-6 flex-flex-column gap-2 mt-3">
                               <label
                                 htmlFor="computedFieldValueType"
                                 className="form-field-label"
@@ -2163,7 +2163,7 @@ const FieldMetaDataForm = ({ modelMetaData, fieldMetaData, setFieldMetaData, all
                           {currentFields.includes(
                             "computedFieldValueProvider"
                           ) && (
-                              <div className="field col-6 flex-flex-column gap-2">
+                              <div className="field col-6 flex-flex-column gap-2 mt-3">
                                 <label
                                   htmlFor="computedFieldValueProvider"
                                   className="form-field-label"
@@ -2352,7 +2352,7 @@ const FieldMetaDataForm = ({ modelMetaData, fieldMetaData, setFieldMetaData, all
                           <div className="formgrid grid">
                             {(currentFields.includes("regexPattern") && selectedType.value === "password") &&
                               <>
-                                  <div className="field col-6 flex-flex-column gap-2">
+                                  <div className="field col-6 flex-flex-column gap-2 mt-3">
                                     <label
                                       htmlFor="regexPattern"
                                       className="form-field-label"
@@ -2375,7 +2375,7 @@ const FieldMetaDataForm = ({ modelMetaData, fieldMetaData, setFieldMetaData, all
                             }
                             {currentFields.includes("regexPattern") && (
                               <>
-                                  <div className="field col-6 flex-flex-column gap-2">
+                                  <div className="field col-6 flex-flex-column gap-2 mt-3">
                                     <label
                                       htmlFor="regexPattern"
                                       className="form-field-label"
@@ -2437,7 +2437,7 @@ const FieldMetaDataForm = ({ modelMetaData, fieldMetaData, setFieldMetaData, all
                             {(currentFields.includes("min") || currentFields.includes("max")) &&
                                 <>
                                   {currentFields.includes("min") && (
-                                      <div className="field col-6 flex-flex-column gap-2">
+                                      <div className="field col-6 flex-flex-column gap-2 mt-3">
                                         <label htmlFor="min" className="form-field-label">
                                           Min (Characters Allowed)
 
@@ -2484,7 +2484,7 @@ const FieldMetaDataForm = ({ modelMetaData, fieldMetaData, setFieldMetaData, all
                                       </div>
                                   )}
                                   {currentFields.includes("max") && (
-                                      <div className="field col-6 flex-flex-column gap-2">
+                                      <div className="field col-6 flex-flex-column gap-2 mt-3">
                                         <label htmlFor="max" className="form-field-label">
                                           Max (Character allowed)
                                         </label>
@@ -2533,7 +2533,7 @@ const FieldMetaDataForm = ({ modelMetaData, fieldMetaData, setFieldMetaData, all
                             {currentFields.includes("ormType") && (
                               <div className="md:col-12 sm:col-12">
                                 {ormTypeOptions && ormTypeOptions.length > 1 &&
-                                  <div className="field col-6 flex-flex-column gap-2">
+                                  <div className="field col-6 flex-flex-column gap-2 mt-3">
                                     <label htmlFor="ormType" className="form-field-label">
                                       Type
                                     </label>
@@ -2587,7 +2587,7 @@ const FieldMetaDataForm = ({ modelMetaData, fieldMetaData, setFieldMetaData, all
                       <p className="form-wrapper-heading text-base">Settings</p>
                       <div className="formgrid grid">
                         {currentFields.includes("required") && (
-                            <div className="field col-6 flex-flex-column gap-2">
+                            <div className="field col-6 flex-flex-column gap-2 mt-3">
                               <div className="flex align-items-center">
                                 <Checkbox
                                   name="required"

package/src/components/core/model/ModelMetaData.tsx

@@ -17,12 +17,10 @@ import qs from "qs";
 import React, { useEffect, useRef, useState } from "react";
 import * as Yup from "yup";
 
-const ModelMetaData = React.forwardRef(({ modelMetaData, setModelMetaData, allModelsNames, deleteModelFunction, nextTab, formikModelMetadataRef, params }: any, ref) => {
+const ModelMetaData = React.forwardRef(({ modelMetaData, setModelMetaData, allModelsNames, deleteModelFunction, nextTab, formikModelMetadataRef, params, formErrors }: any, ref) => {
 
   // const ModelMetaData = ({ modelMetaData, setModelMetaData, deleteModelFunction, nextTab, formikModelMetadataRef }: any) => {   
 
-
-
   const router = useRouter();
   const toast = useRef<Toast>(null);
   const pathname = usePathname();
@@ -285,13 +283,14 @@ const ModelMetaData = React.forwardRef(({ modelMetaData, setModelMetaData, allMo
                     valueKey="id"
                     searchData={searchModule}
                     existingData={formik.values.module}
+                    formErrors={formErrors}
                   />
-                  {isFormFieldValid(formik, "module") && (
+                  {(isFormFieldValid(formik, "module") || (formErrors["module"])) && (
                     <Message severity="error" text={formik?.errors?.moduleId?.toString()} />
                   )}
                 </div>
 
-                <div className="field col-12 flex flex-column gap-2 mt-4">
+                <div className="field col-12 flex flex-column gap-1 mt-4">
                   <label htmlFor="dataSource" className="form-field-label">
                     Data Source
                   </label>
@@ -308,9 +307,10 @@ const ModelMetaData = React.forwardRef(({ modelMetaData, setModelMetaData, allMo
                     searchData={serachDataSource}
                     existingData={formik.values.dataSource}
                     additionalAction={(e: any) => formik.setFieldValue("dataSourceType", e.target.value.type)}
+                    formErrors={formErrors}
                   />
                   {formik.values.dataSourceType && <p className="form-field-label">Your datasource will connect to a {formik.values.dataSourceType} database</p>}
-                  {isFormFieldValid(formik, "dataSource") && (
+                  {(isFormFieldValid(formik, "dataSource") || (formErrors["dataSource"])) && (
                     <Message severity="error" text={formik?.errors?.dataSource?.toString()} />
                   )}
                 </div>
@@ -391,7 +391,7 @@ const ModelMetaData = React.forwardRef(({ modelMetaData, setModelMetaData, allMo
                     </label>
                   </div>
                   {params.id !== 'new' && <p className="form-field-label">Soft-delete can only be set during initial creation to maintain data integrity</p>}
-                  {isFormFieldValid(formik, "enableSoftDelete") && (
+                  {(isFormFieldValid(formik, "enableSoftDelete") || (formErrors["enableSoftDelete"])) && (
                     <Message
                       severity="error"
                       text={formik?.errors?.enableSoftDelete?.toString()}
@@ -530,19 +530,19 @@ const ModelMetaData = React.forwardRef(({ modelMetaData, setModelMetaData, allMo
                     }}
                     value={formik.values.displayName}
                     className={classNames("", {
-                      "p-invalid": isFormFieldValid(formik, "displayName"),
+                      "p-invalid": isFormFieldValid(formik, "displayName") || formErrors["displayName"],
                     })}
 
                   />
 
-                  {isFormFieldValid(formik, "displayName") && (
+                  {(isFormFieldValid(formik, "displayName") || (formErrors["displayName"])) && (
                     <Message
                       severity="error"
                       text={formik?.errors?.displayName?.toString()}
                     />
                   )}
                 </div>
-                <div className="field col-12 flex flex-column gap-2 mt-4">
+                <div className="field col-12 flex flex-column gap-1 mt-4">
                   <label htmlFor="singularName" className="form-field-label">
                     Singular Name
                   </label>
@@ -554,17 +554,17 @@ const ModelMetaData = React.forwardRef(({ modelMetaData, setModelMetaData, allMo
                     onChange={formik.handleChange}
                     value={formik.values.singularName}
                     className={classNames("", {
-                      "p-invalid": isFormFieldValid(formik, "singularName"),
+                      "p-invalid": isFormFieldValid(formik, "singularName") || formErrors["singularName"],
                     })}
                   />
-                  {isFormFieldValid(formik, "singularName") && (
+                  {(isFormFieldValid(formik, "singularName") || (formErrors["singularName"])) && (
                     <Message
                       severity="error"
                       text={formik?.errors?.singularName?.toString()}
                     />
                   )}
                 </div>
-                <div className="field col-12 flex flex-column gap-2 mt-4">
+                <div className="field col-12 flex flex-column gap-1 mt-4">
                   <label htmlFor="pluralName" className="form-field-label">
                     Plural Name
                   </label>
@@ -576,10 +576,10 @@ const ModelMetaData = React.forwardRef(({ modelMetaData, setModelMetaData, allMo
                     onChange={formik.handleChange}
                     value={formik.values.pluralName}
                     className={classNames("", {
-                      "p-invalid": isFormFieldValid(formik, "pluralName"),
+                      "p-invalid": isFormFieldValid(formik, "pluralName") || formErrors["pluralName"],
                     })}
                   />
-                  {isFormFieldValid(formik, "pluralName") && (
+                  {(isFormFieldValid(formik, "pluralName") || (formErrors["pluralName"])) && (
                     <Message severity="error" text={formik?.errors?.pluralName?.toString()} />
                   )}
                 </div>
@@ -602,7 +602,7 @@ const ModelMetaData = React.forwardRef(({ modelMetaData, setModelMetaData, allMo
                   </div>
                 </div>
                 {showTableName &&
-                  <div className="field col-12 flex flex-column gap-2 mt-4">
+                  <div className="field col-12 flex flex-column gap-1 mt-4">
                     <label htmlFor="tableName" className="form-field-label">
                       Table Name
                     </label>
@@ -614,10 +614,10 @@ const ModelMetaData = React.forwardRef(({ modelMetaData, setModelMetaData, allMo
                       onChange={formik.handleChange}
                       value={formik.values.tableName}
                       className={classNames("", {
-                        "p-invalid": isFormFieldValid(formik, "tableName"),
+                        "p-invalid": isFormFieldValid(formik, "tableName") || formErrors["tableName"],
                       })}
                     />
-                    {isFormFieldValid(formik, "tableName") && (
+                    {(isFormFieldValid(formik, "tableName") || (formErrors["tableName"])) && (
                       <Message
                         severity="error"
                         text={formik?.errors?.tableName?.toString()}
@@ -625,7 +625,7 @@ const ModelMetaData = React.forwardRef(({ modelMetaData, setModelMetaData, allMo
                     )}
                   </div>
                 }
-                <div className="field col-12 flex flex-column gap-2 mt-4">
+                <div className="field col-12 flex flex-column gap-1 mt-4">
                   <label htmlFor="description" className="form-field-label">
                     Description
                   </label>
@@ -645,12 +645,12 @@ const ModelMetaData = React.forwardRef(({ modelMetaData, setModelMetaData, allMo
                     onChange={formik.handleChange}
                     value={formik.values.description}
                     className={classNames("", {
-                      "p-invalid": isFormFieldValid(formik, "description"),
+                      "p-invalid": isFormFieldValid(formik, "description") || formErrors["description"],
                     })}
                     rows={5}
                     cols={30}
                   />
-                  {isFormFieldValid(formik, "description") && (
+                  {(isFormFieldValid(formik, "description") || (formErrors["description"])) && (
                     <Message
                       severity="error"
                       text={formik?.errors?.description?.toString()}

package/src/components/core/module/CreateModule.tsx

@@ -332,15 +332,23 @@ const CreateModule = ({ data }: any) => {
           outlined
           severity="secondary"
           type="button"
-          icon='pi pi-ellipsis-h'
+          icon={
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+              <path d="M6 14C5.45 14 4.97917 13.8042 4.5875 13.4125C4.19583 13.0208 4 12.55 4 12C4 11.45 4.19583 10.9792 4.5875 10.5875C4.97917 10.1958 5.45 10 6 10C6.55 10 7.02083 10.1958 7.4125 10.5875C7.80417 10.9792 8 11.45 8 12C8 12.55 7.80417 13.0208 7.4125 13.4125C7.02083 13.8042 6.55 14 6 14ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14ZM18 14C17.45 14 16.9792 13.8042 16.5875 13.4125C16.1958 13.0208 16 12.55 16 12C16 11.45 16.1958 10.9792 16.5875 10.5875C16.9792 10.1958 17.45 10 18 10C18.55 10 19.0208 10.1958 19.4125 10.5875C19.8042 10.9792 20 11.45 20 12C20 12.55 19.8042 13.0208 19.4125 13.4125C19.0208 13.8042 18.55 14 18 14Z" fill="#4B4D52" />
+            </svg>
+          }
           size="small"
-          className="max-w-2rem bg-primary-reverse"
+          className="bg-primary-reverse p-0"
+          style={{
+            height: 32,
+            width: 32
+          }}
           onClick={(e) =>
             // @ts-ignore 
             op.current.toggle(e)
           }
         />
-        <OverlayPanel ref={op} className="solid-custom-overlay" style={{ top: 10 }}>
+        <OverlayPanel ref={op} className="solid-custom-overlay">
           <div className="flex flex-column gap-1 p-1">
             <Button
               text

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

@@ -317,7 +317,7 @@ const CreateUser = ({ data, params }: any) => {
                     />
                   )}
                 </div>
-                <div className="field col-6 flex flex-column gap-2 mt-4">
+                <div className="field col-6 flex flex-column gap-1 mt-4">
                   <label htmlFor="email" className="form-field-label">
                     Email
                   </label>
@@ -340,7 +340,7 @@ const CreateUser = ({ data, params }: any) => {
                     />
                   )}
                 </div>
-                <div className="field col-6 flex flex-column gap-2 mt-4">
+                <div className="field col-6 flex flex-column gap-1 mt-4">
                   <label htmlFor="mobile" className="form-field-label">
                     Mobile
                   </label>

package/src/components/layout/AdminLayout.tsx

@@ -0,0 +1,62 @@
+"use client"
+
+import { handleError } from "@/helpers/ToastContainer";
+import { getSession, signOut, useSession } from "next-auth/react";
+import { usePathname, useRouter } from "next/navigation";
+import { useEffect, useState } from "react";
+import { Layout } from "./Layout";
+import { Dialog } from "primereact/dialog";
+import { Divider } from "primereact/divider";
+import SolidChangeForcePassword from "../auth/SolidChangeForcePassword";
+
+export const AdminLayout = ({ children }: { children: React.ReactNode }) => {
+    // const theme = useSelector((state: any) => state.theme.mode);
+    const { data: session, status } = useSession();
+    const [isForcePasswordChange, setIsForcePasswordChange] = useState(false)
+    useEffect(() => {
+        // @ts-expect-error: Handling potential case where 'data?.user?.user' might be undefined or null
+        if (session?.user?.user?.forcePasswordChange === true) {
+            setIsForcePasswordChange(true)
+        } else {
+            setIsForcePasswordChange(false)
+        }
+    }, [session])
+    const pathname = usePathname();
+    const router = useRouter();
+    useEffect(() => {
+        const handleRouteChange = async () => {
+            const session = await getSession(); // Force refetch session on navigation
+            if (session?.error === "RefreshAccessTokenError") {
+                handleError(["Session Expired. Please Login Again."])
+                signOut({ callbackUrl: "/auth/login" });
+            }
+
+
+        };
+        // Listen to routeChangeComplete event
+        handleRouteChange()
+
+    }, [pathname])
+
+    return (
+        <Layout>
+            {/* <div className={`${process.env.NEXT_PUBLIC_ENABLE_CUSTOM_HEADER_FOOTER == "true" && 'header-margin-top'}`} style={{ minHeight: `${process.env.NEXT_PUBLIC_ENABLE_CUSTOM_HEADER_FOOTER == "true" ? 'calc(100vh - 70px)' : 'calc(100vh)'}` }}> */}
+
+            {/* <div className="min-h-full max-h-full flex flex-column relative flex-auto overflow-x-auto"> */}
+            {/* <DashboardHeader /> */}
+            {/* <SolidListingHeader></SolidListingHeader> */}
+            {/* {pathname.includes('all') && <ListingHeader />} */}
+            {/* <div className="flex flex-column flex-auto" style={{ backgroundColor: '#f6f6f9', padding: '1.5rem 1.5rem 1.5rem', }}> */}
+            {children}
+            {/* </div> */}
+            {/* </div> */}
+            {/* </div> */}
+            {isForcePasswordChange &&
+                <Dialog header="Change Default Password" visible={isForcePasswordChange} closable={false} draggable={false} style={{ width: '25vw' }} onHide={() => setIsForcePasswordChange(false)}>
+                    <Divider className="mt-0" />
+                    <SolidChangeForcePassword />
+                </Dialog>
+            }
+        </Layout>
+    )
+}

package/src/components/layout/AppConfig.tsx

@@ -41,7 +41,8 @@ const AppConfig = (props: AppConfigProps) => {
     };
 
     const applyScale = () => {
-        document.documentElement.style.fontSize = layoutConfig.scale + 'px';
+        // document.documentElement.style.fontSize = layoutConfig.scale + 'px';
+        document.documentElement.style.fontSize = 14 + 'px';
     };
 
     useEffect(() => {
@@ -51,7 +52,7 @@ const AppConfig = (props: AppConfigProps) => {
 
     return (
         <>
-            <button className="layout-config-button config-link" type="button" onClick={onConfigButtonClick}>
+            {/* <button className="layout-config-button config-link" type="button" onClick={onConfigButtonClick}>
                 <i className="pi pi-cog"></i>
             </button>
 
@@ -95,7 +96,7 @@ const AppConfig = (props: AppConfigProps) => {
                         </button>
                     </div>
                 </div>
-            </Sidebar>
+            </Sidebar> */}
         </>
     );
 };

package/src/components/layout/user-profile-menu.tsx

@@ -82,7 +82,7 @@ const UserProfileMenu = () => {
             </div>
             <InputSwitch checked={checked} onChange={handleThemeToggle} />
           </div>
-          <div className="user-profile-body p-3">
+          <div className="user-profile-body py-1">
             <Button
               text
               severity="secondary"

package/src/index.ts

@@ -215,6 +215,9 @@ export { SingleSelectAutoCompleteField } from '@/components/common/SingleSelectA
 export { SocialMediaLogin } from '@/components/common/SocialMediaLogin';
 export { BackButton } from '@/components/common/BackButton'
 export { FileReaderExt } from '@/components/common/FileReaderExt'
+export { NotFound } from '@/components/common/NotFound'
+import Error from '@/components/common/error';
+export { Error };
 export { SolidFormStepper } from '@/components/common/SolidFormStepper'
 
 // export { SolidListViewOptions } from '@/components/core/common/SolidListViewOptions';
@@ -468,6 +471,10 @@ export { setIsAuthenticated, setUser } from '@/redux/features/userSlice';
 // export type { AppDispatch} from '@/redux/store';
 // export {initializeStore} from '@/redux/store';
 
+// Admin Parent Layout
+export { AdminLayout } from '@/components/layout/AdminLayout';
+export { SolidAdmin } from '@/components/common/SolidAdmin';
+
 // Re-export default exports
 //Login.tsx
 export { default as Login } from '@/components/auth/Login';
@@ -480,6 +487,9 @@ export { default as CodeEditor } from '@/components/common/CodeEditor';
 // export { default as FilterComponent } from '@/components/common/FilterComponent';
 //MarkdownViewer.tsx
 export { default as MarkdownViewer } from '@/components/common/MarkdownViewer';
+
+
+export { default as SolidFormLayouts } from '@/components/core/form/SolidFormLayouts';
 //SolidFormView.tsx
 export { default as SolidFormView } from '@/components/core/form/SolidFormView';
 //KanbanBoard.tsx
@@ -582,6 +592,7 @@ export { default as UserSidebar } from '@/components/layout/UserSidebar';
 export { default as menu } from '@/helpers/menu';
 
 // Auth 
+export { AuthLayout } from '@/components/auth/AuthLayout';
 export { default as SolidForgotPassword } from '@/components/auth/SolidForgotPassword';
 export { default as SolidLogin } from '@/components/auth/SolidLogin';
 export { default as SolidOTPVerify } from '@/components/auth/SolidOTPVerify';
@@ -590,6 +601,8 @@ export { default as SolidResetPassword } from '@/components/auth/SolidResetPassw
 export { default as SolidChangeForcePassword } from '@/components/auth/SolidChangeForcePassword';
 export { default as SolidInitialLoginOtp } from '@/components/auth/SolidInitialLoginOtp';
 export { default as SolidInitiateRegisterOtp } from '@/components/auth/SolidInitiateRegisterOtp';
+export { GoogleAuthChecking } from '@/components/auth/GoogleAuthChecking';
+export { ForgotPasswordThankYou } from '@/components/auth/ForgotPasswordThankYou';
 
 //redux
 export { default as authenticationReducer } from '@/redux/features/authSlice';
@@ -603,4 +616,7 @@ export { default as GenerateModelCodeRowAction } from '@/components/core/extensi
 
 // types
 export type { LayoutConfig } from '@/types';
-export { GeneralSettings } from '@/components/common/GeneralSettings';
+export { GeneralSettings } from '@/components/common/GeneralSettings';
+
+export { default as authProviders } from '@/nextAuth/authProviders'
+export { SolidThemeLink } from '@/components/common/SolidThemeLink';