format code block

Author: coder966

src/form/RruCheckboxInput/RruCheckboxInput.tsx

@@ -48,7 +48,12 @@ const RruCheckboxInput: FC<RruCheckboxInputProps> = (props) => {
   }, []);
 
   return (
-    <div className='form-group' data-field-name={props.name} data-field-value={value} data-field-error={field.error ? field.error.message : ''}>
+    <div
+      className='form-group'
+      data-field-name={props.name}
+      data-field-value={value}
+      data-field-error={field.error ? field.error.message : ''}
+    >
       <div className={`form-check ${props.isSwitch ? 'form-switch' : ''}`} role='checkbox' aria-checked={value}>
         <Label label={props.label}>
           <input

src/form/RruDateTimeInput/RruDateTimeInput.tsx

@@ -224,7 +224,12 @@ const RruDateTimeInput: FC<RruDateTimeInputProps> = (props) => {
   }
 
   return (
-    <div className='form-group' data-field-name={props.name} data-field-value={value} data-field-error={field.error ? field.error.message : ''}>
+    <div
+      className='form-group'
+      data-field-name={props.name}
+      data-field-value={value}
+      data-field-error={field.error ? field.error.message : ''}
+    >
       <Label label={props.label} requiredAsterisk={props.requiredAsterisk}></Label>
 
       <div className='rru-date-input' ref={inputContainerRef}>

src/form/RruFileInput/RruFileInput.tsx

@@ -60,7 +60,12 @@ const RruFileInput: FC<RruFileInputProps> = (props) => {
   };
 
   return (
-    <div className='form-group' data-field-name={props.name} data-field-value={value} data-field-error={field.error ? field.error.message : ''}>
+    <div
+      className='form-group'
+      data-field-name={props.name}
+      data-field-value={value}
+      data-field-error={field.error ? field.error.message : ''}
+    >
       <Label label={props.label} requiredAsterisk={props.requiredAsterisk}></Label>
       <label style={{ display: 'block' }}>
         <div className={`form-control rru-file-input__file-name-label ${field.error ? 'is-invalid' : ''}`}>

src/form/RruMultiCheckboxInput/RruMultiCheckboxInput.tsx

@@ -103,7 +103,12 @@ const RruMultiCheckboxInput: FC<RruMultiCheckboxInputProps> = (props) => {
   };
 
   return (
-    <div className='form-group' data-field-name={props.name} data-field-value={value} data-field-error={field.error ? field.error.message : ''}>
+    <div
+      className='form-group'
+      data-field-name={props.name}
+      data-field-value={value}
+      data-field-error={field.error ? field.error.message : ''}
+    >
       <Label label={props.label} requiredAsterisk={props.requiredAsterisk}></Label>
       <div>
         {props.options.map((option) => {

src/form/RruMultiSelectInput/RruMultiSelectInput.tsx

@@ -78,7 +78,12 @@ const RruMultiSelectInput: FC<RruMultiSelectInputProps> = (props) => {
   };
 
   return (
-    <div className='form-group' data-field-name={props.name} data-field-value={value} data-field-error={field.error ? field.error.message : ''}>
+    <div
+      className='form-group'
+      data-field-name={props.name}
+      data-field-value={value}
+      data-field-error={field.error ? field.error.message : ''}
+    >
       <Label label={props.label} requiredAsterisk={props.requiredAsterisk}></Label>
       <AsyncPaginate
         name={props.name}

src/form/RruRadioInput/RruRadioInput.tsx

@@ -90,7 +90,12 @@ const RruRadioInput: FC<RruRadioInputProps> = (props) => {
   };
 
   return (
-    <div className='form-group' data-field-name={props.name} data-field-value={value} data-field-error={field.error ? field.error.message : ''}>
+    <div
+      className='form-group'
+      data-field-name={props.name}
+      data-field-value={value}
+      data-field-error={field.error ? field.error.message : ''}
+    >
       <Label label={props.label} requiredAsterisk={props.requiredAsterisk}></Label>
       <div>
         {props.options.map((option) => {

src/form/RruSelectInput/RruSelectInput.tsx

@@ -75,7 +75,12 @@ const RruSelectInput: FC<RruSelectInputProps> = (props) => {
   };
 
   return (
-    <div className='form-group' data-field-name={props.name} data-field-value={value} data-field-error={field.error ? field.error.message : ''}>
+    <div
+      className='form-group'
+      data-field-name={props.name}
+      data-field-value={value}
+      data-field-error={field.error ? field.error.message : ''}
+    >
       <Label label={props.label} requiredAsterisk={props.requiredAsterisk}></Label>
       <AsyncPaginate
         name={props.name}

src/form/RruTextInput/RruTextInput.tsx

@@ -48,7 +48,12 @@ const RruTextInput: FC<RruTextInputProps> = (props) => {
   }, []);
 
   return (
-    <div className='form-group' data-field-name={props.name} data-field-value={value} data-field-error={field.error ? field.error.message : ''}>
+    <div
+      className='form-group'
+      data-field-name={props.name}
+      data-field-value={value}
+      data-field-error={field.error ? field.error.message : ''}
+    >
       <Label label={props.label} requiredAsterisk={props.requiredAsterisk}></Label>
       <input
         name={props.name}

src/form/RruTextareaInput/RruTextareaInput.tsx

@@ -48,7 +48,12 @@ const RruTextareaInput: FC<RruTextareaInputProps> = (props) => {
   }, []);
 
   return (
-    <div className='form-group' data-field-name={props.name} data-field-value={value} data-field-error={field.error ? field.error.message : ''}>
+    <div
+      className='form-group'
+      data-field-name={props.name}
+      data-field-value={value}
+      data-field-error={field.error ? field.error.message : ''}
+    >
       <Label label={props.label} requiredAsterisk={props.requiredAsterisk}></Label>
       <textarea
         name={props.name}