Merge pull request #7 from weni-ai/feature/unnnic-textarea-migration

migrated unnnic textarea component

Author: cristiantela

src/components/flow/actions/addurn/__snapshots__/AddURNForm.test.tsx.snap

@@ -81,17 +81,20 @@ exports[`AddURNForm renders 1`] = `
             class="path"
           >
             <div
-              class="ele"
+              data-use-vue-component-wrap=""
+              style="all: unset;"
             >
               <div
-                class="wrapper normal"
+                class="unnnic-text-area sm normal"
+                data-passed-props="[object Object]"
+                data-v-a95e6368=""
               >
-                <input
-                  data-testid="URN"
-                  name="URN"
-                  placeholder="Enter the URN value"
-                  value="+12065551212"
+                <!---->
+                <textarea
+                  data-v-a95e6368=""
                 />
+                <!---->
+                <!---->
               </div>
             </div>
           </div>

src/components/flow/actions/localization/__snapshots__/KeyLocalizationForm.test.tsx.snap

@@ -62,17 +62,20 @@ exports[`KeyLocalizationForm removes translations 1`] = `
             </div>
           </div>
           <div
-            class="ele"
+            data-use-vue-component-wrap=""
+            style="all: unset;"
           >
             <div
-              class="wrapper normal"
+              class="unnnic-text-area sm normal"
+              data-passed-props="[object Object]"
+              data-v-a95e6368=""
             >
-              <input
-                data-testid="Subject"
-                name="Subject"
-                placeholder="Spanish Translation"
-                value="hola"
+              <!---->
+              <textarea
+                data-v-a95e6368=""
               />
+              <!---->
+              <!---->
             </div>
           </div>
         </div>
@@ -165,17 +168,20 @@ exports[`KeyLocalizationForm renders send email 1`] = `
             </div>
           </div>
           <div
-            class="ele"
+            data-use-vue-component-wrap=""
+            style="all: unset;"
           >
             <div
-              class="wrapper normal"
+              class="unnnic-text-area sm normal"
+              data-passed-props="[object Object]"
+              data-v-a95e6368=""
             >
-              <input
-                data-testid="Subject"
-                name="Subject"
-                placeholder="English Translation"
-                value=""
+              <!---->
+              <textarea
+                data-v-a95e6368=""
               />
+              <!---->
+              <!---->
             </div>
           </div>
         </div>

src/components/flow/actions/sendbroadcast/SendBroadcastForm.tsx

@@ -110,7 +110,7 @@ export default class SendBroadcastForm extends React.Component<
         <p />
         <TextInputElement
           name={i18n.t('forms.message', 'Message')}
-          showLabel={false}
+          showLabel={true}
           count={Count.SMS}
           onChange={this.handleMessageUpdate}
           entry={this.state.message}

src/components/flow/actions/sendbroadcast/__snapshots__/SendBroadcastForm.test.ts.snap

@@ -77,7 +77,7 @@ exports[`SendBroadcastForm render should render an empty form with no action 2`]
     focus={true}
     name="Message"
     onChange={[Function]}
-    showLabel={false}
+    showLabel={true}
     textarea={true}
   />
 </Dialog>
@@ -177,7 +177,7 @@ exports[`SendBroadcastForm render should render self, children with base props 1
     focus={true}
     name="Message"
     onChange={[Function]}
-    showLabel={false}
+    showLabel={true}
     textarea={true}
   />
 </Dialog>

src/components/flow/actions/sendemail/SendEmailForm.tsx

@@ -132,7 +132,7 @@ export default class SendEmailForm extends React.Component<ActionFormProps, Send
           <TextInputElement
             __className={styles.message}
             name={i18n.t('forms.message', 'Message')}
-            showLabel={false}
+            showLabel={true}
             onChange={this.handleBodyChanged}
             entry={this.state.body}
             autocomplete={true}

src/components/flow/actions/sendemail/__snapshots__/SendEmailForm.test.ts.snap

@@ -80,7 +80,7 @@ exports[`SendEmailForm render should render 1`] = `
       }
       name="Message"
       onChange={[Function]}
-      showLabel={false}
+      showLabel={true}
       textarea={true}
     />
   </div>

src/components/flow/actions/sendmsg/SendMsgForm.tsx

@@ -405,7 +405,7 @@ export default class SendMsgForm extends React.Component<ActionFormProps, SendMs
         <TypeList __className="" initialType={typeConfig} onChange={this.props.onTypeChange} />
         <TextInputElement
           name={i18n.t('forms.message', 'Message')}
-          showLabel={false}
+          showLabel={true}
           counter=".sms-counter"
           onChange={this.handleMessageUpdate}
           entry={this.state.message}

src/components/flow/actions/sendmsg/__snapshots__/SendMsgForm.test.ts.snap

@@ -179,7 +179,7 @@ exports[`SendMsgForm render should render 1`] = `
     focus={true}
     name="Message"
     onChange={[Function]}
-    showLabel={false}
+    showLabel={true}
     textarea={true}
   />
   <temba-charcount

src/components/flow/actions/updatecontact/__snapshots__/UpdateContactForm.test.tsx.snap

@@ -200,17 +200,20 @@ exports[`UpdateContactForm should render field 1`] = `
           class="value"
         >
           <div
-            class="ele"
+            data-use-vue-component-wrap=""
+            style="all: unset;"
           >
             <div
-              class="wrapper normal"
+              class="unnnic-text-area sm normal"
+              data-passed-props="[object Object]"
+              data-v-a95e6368=""
             >
-              <input
-                data-testid="Field Value"
-                name="Field Value"
-                placeholder=""
-                value="25"
+              <!---->
+              <textarea
+                data-v-a95e6368=""
               />
+              <!---->
+              <!---->
             </div>
           </div>
         </div>
@@ -443,17 +446,20 @@ exports[`UpdateContactForm should render name 1`] = `
           class="value"
         >
           <div
-            class="ele"
+            data-use-vue-component-wrap=""
+            style="all: unset;"
           >
             <div
-              class="wrapper normal"
+              class="unnnic-text-area sm normal"
+              data-passed-props="[object Object]"
+              data-v-a95e6368=""
             >
-              <input
-                data-testid="Name"
-                name="Name"
-                placeholder="Enter a new name for the contact"
-                value="Jane Goodall"
+              <!---->
+              <textarea
+                data-v-a95e6368=""
               />
+              <!---->
+              <!---->
             </div>
           </div>
         </div>