feat: disable initial validation in multiple form components for improved user experience

Author: nicosammito

src/packages/ce/src/application/pages/ApplicationSettingsPage.tsx

@@ -65,6 +65,7 @@ export const ApplicationSettingsPage: React.FC = () => {
     )
 
     const [inputs, validate] = useForm({
+        useInitialValidation: false,
         initialValues: initialValues,
         validate: {},
         onSubmit: (values) => {

src/packages/ce/src/flow/components/FlowCreateDialogComponent.tsx

@@ -123,6 +123,7 @@ export const FlowCreateDialogComponent: React.FC<FlowCreateDialogComponentProps>
     }, [open])
 
     const [inputs, validate] = useForm({
+        useInitialValidation: false,
         initialValues: initialValues,
         validate: {
             name: (value) => {

src/packages/ce/src/flow/components/FlowRenameDialogComponent.tsx

@@ -33,6 +33,7 @@ export const FlowRenameDialogComponent: React.FC<FlowRenameDialogComponentProps>
     }, [open])
 
     const [inputs, validate] = useForm({
+        useInitialValidation: false,
         initialValues: initialValues,
         validate: {
             path: (value) => {

src/packages/ce/src/member/pages/MemberAddPage.tsx

@@ -33,6 +33,7 @@ export const MemberAddPage: React.FC = () => {
     }, [members])
 
     const [inputs, validate] = useForm<{ users: null | InputSyntaxSegment[] }>({
+        useInitialValidation: false,
         initialValues: formInitialValues,
         validate: {
             users: (value) => {

src/packages/ce/src/namespace/pages/NamespaceProjectsCreatePage.tsx

@@ -20,6 +20,7 @@ export const NamespaceProjectsCreatePage: React.FC = () => {
     //TODO: user abilities for project creation within namespace
 
     const [inputs, validate] = useForm({
+        useInitialValidation: false,
         initialValues: {
             name: null,
             description: null,

src/packages/ce/src/organization/pages/OrganizationCreatePage.tsx

@@ -13,6 +13,7 @@ export const OrganizationCreatePage = () => {
     const router = useRouter()
 
     const [inputs, validate] = useForm({
+        useInitialValidation: false,
         initialValues: {
             name: null,
         },

src/packages/ce/src/organization/views/OrganizationGeneralSettingsView.tsx

@@ -29,6 +29,7 @@ export const OrganizationGeneralSettingsView: React.FC = () => {
     }), [parentOrganization])
 
     const [inputs, validate] = useForm({
+        useInitialValidation: false,
         initialValues: initialValues,
         validate: {
             name: (value) => {

src/packages/ce/src/project/views/ProjectSettingsGeneralView.tsx

@@ -41,6 +41,7 @@ export const ProjectSettingsGeneralView: React.FC = () => {
     )
 
     const [inputs, validate] = useForm({
+        useInitialValidation: false,
         initialValues: initialValues,
         validate: {
             name: (value) => {

src/packages/ce/src/role/pages/RoleCreatePage.tsx

@@ -22,6 +22,7 @@ export const RoleCreatePage: React.FC = () => {
     //TODO: user abilities for project creation within namespace
 
     const [inputs, validate] = useForm({
+        useInitialValidation: false,
         initialValues: {
             name: ""
         },

src/packages/ce/src/role/views/RoleGeneralAdjustmentView.tsx

@@ -32,6 +32,7 @@ export const RoleGeneralAdjustmentView: React.FC = () => {
     }, [role])
 
     const [inputs, validate] = useForm({
+        useInitialValidation: false,
         initialValues: initialValues,
         validate: {
             name: (value) => {