@patternfly/react-core 4.202.12 → 4.202.15

package/src/components/LoginPage/__tests__/__snapshots__/LoginForm.test.tsx.snap

@@ -1,419 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`LoginForm with rememberMeLabel 1`] = `
-<div>
-  <form
-    class="pf-c-form"
-    novalidate=""
-  >
-    <p
-      class="pf-c-form__helper-text pf-m-hidden"
-    />
-    <div
-      class="pf-c-form__group"
-    >
-      <div
-        class="pf-c-form__group-label"
-      >
-        <label
-          class="pf-c-form__label"
-          for="pf-login-username-id"
-        >
-          <span
-            class="pf-c-form__label-text"
-          >
-            Username
-          </span>
-          <span
-            aria-hidden="true"
-            class="pf-c-form__label-required"
-          >
-             
-            *
-          </span>
-        </label>
-         
-      </div>
-      <div
-        class="pf-c-form__group-control"
-      >
-        <input
-          aria-invalid="false"
-          class="pf-c-form-control"
-          data-ouia-component-id="OUIA-Generated-TextInputBase-3"
-          data-ouia-component-type="PF4/TextInput"
-          data-ouia-safe="true"
-          id="pf-login-username-id"
-          name="pf-login-username-id"
-          required=""
-          type="text"
-          value=""
-        />
-        
-      </div>
-    </div>
-    <div
-      class="pf-c-form__group"
-    >
-      <div
-        class="pf-c-form__group-label"
-      >
-        <label
-          class="pf-c-form__label"
-          for="pf-login-password-id"
-        >
-          <span
-            class="pf-c-form__label-text"
-          >
-            Password
-          </span>
-          <span
-            aria-hidden="true"
-            class="pf-c-form__label-required"
-          >
-             
-            *
-          </span>
-        </label>
-         
-      </div>
-      <div
-        class="pf-c-form__group-control"
-      >
-        <input
-          aria-invalid="false"
-          class="pf-c-form-control"
-          data-ouia-component-id="OUIA-Generated-TextInputBase-4"
-          data-ouia-component-type="PF4/TextInput"
-          data-ouia-safe="true"
-          id="pf-login-password-id"
-          name="pf-login-password-id"
-          required=""
-          type="password"
-          value=""
-        />
-        
-      </div>
-    </div>
-    <div
-      class="pf-c-form__group"
-    >
-      <div
-        class="pf-c-form__group-control"
-      >
-        <div
-          class="pf-c-check"
-        >
-          <input
-            aria-invalid="false"
-            class="pf-c-check__input"
-            data-ouia-component-id="OUIA-Generated-Checkbox-1"
-            data-ouia-component-type="PF4/Checkbox"
-            data-ouia-safe="true"
-            id="pf-login-remember-me-id"
-            type="checkbox"
-          />
-          <label
-            class="pf-c-check__label"
-            for="pf-login-remember-me-id"
-          >
-            remember me
-          </label>
-        </div>
-        
-      </div>
-    </div>
-    <div
-      class="pf-c-form__group pf-m-action"
-    >
-      <div
-        class="pf-c-form__group-control"
-      >
-        <div
-          class="pf-c-form__actions"
-        >
-          <button
-            aria-disabled="false"
-            class="pf-c-button pf-m-primary pf-m-block"
-            data-ouia-component-id="OUIA-Generated-Button-primary-2"
-            data-ouia-component-type="PF4/Button"
-            data-ouia-safe="true"
-            type="submit"
-          >
-            Log In
-          </button>
-        </div>
-      </div>
-    </div>
-  </form>
-</div>
-`;
+exports[`LoginForm LoginForm with rememberMeLabel 1`] = `"<form novalidate=\\"\\" data-testid=\\"form-test-id\\" class=\\"pf-c-form\\"><p class=\\"pf-c-form__helper-text pf-m-hidden\\"></p><div class=\\"pf-c-form__group\\"><div class=\\"pf-c-form__group-label\\"><label class=\\"pf-c-form__label\\" for=\\"pf-login-username-id\\"><span class=\\"pf-c-form__label-text\\">Username</span><span class=\\"pf-c-form__label-required\\" aria-hidden=\\"true\\"> *</span></label> </div><div class=\\"pf-c-form__group-control\\"><input id=\\"pf-login-username-id\\" name=\\"pf-login-username-id\\" class=\\"pf-c-form-control\\" type=\\"text\\" aria-invalid=\\"false\\" required=\\"\\" data-ouia-component-type=\\"PF4/TextInput\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-TextInputBase-9\\" value=\\"\\"></div></div><div class=\\"pf-c-form__group\\"><div class=\\"pf-c-form__group-label\\"><label class=\\"pf-c-form__label\\" for=\\"pf-login-password-id\\"><span class=\\"pf-c-form__label-text\\">Password</span><span class=\\"pf-c-form__label-required\\" aria-hidden=\\"true\\"> *</span></label> </div><div class=\\"pf-c-form__group-control\\"><input id=\\"pf-login-password-id\\" name=\\"pf-login-password-id\\" class=\\"pf-c-form-control\\" type=\\"password\\" aria-invalid=\\"false\\" required=\\"\\" data-ouia-component-type=\\"PF4/TextInput\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-TextInputBase-10\\" value=\\"\\"></div></div><div class=\\"pf-c-form__group\\"><div class=\\"pf-c-form__group-control\\"><div class=\\"pf-c-check\\"><input id=\\"pf-login-remember-me-id\\" class=\\"pf-c-check__input\\" type=\\"checkbox\\" aria-invalid=\\"false\\" data-ouia-component-type=\\"PF4/Checkbox\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-Checkbox-4\\"><label class=\\"pf-c-check__label\\" for=\\"pf-login-remember-me-id\\">Remember me</label></div></div></div><div class=\\"pf-c-form__group pf-m-action\\"><div class=\\"pf-c-form__group-control\\"><div class=\\"pf-c-form__actions\\"><button aria-disabled=\\"false\\" class=\\"pf-c-button pf-m-primary pf-m-block\\" type=\\"submit\\" data-ouia-component-type=\\"PF4/Button\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-Button-primary-5\\">Log In</button></div></div></div></form>"`;
 
-exports[`LoginForm with show password 1`] = `
-<div>
-  <form
-    class="pf-c-form"
-    novalidate=""
-  >
-    <p
-      class="pf-c-form__helper-text pf-m-hidden"
-    />
-    <div
-      class="pf-c-form__group"
-    >
-      <div
-        class="pf-c-form__group-label"
-      >
-        <label
-          class="pf-c-form__label"
-          for="pf-login-username-id"
-        >
-          <span
-            class="pf-c-form__label-text"
-          >
-            Username
-          </span>
-          <span
-            aria-hidden="true"
-            class="pf-c-form__label-required"
-          >
-             
-            *
-          </span>
-        </label>
-         
-      </div>
-      <div
-        class="pf-c-form__group-control"
-      >
-        <input
-          aria-invalid="false"
-          class="pf-c-form-control"
-          data-ouia-component-id="OUIA-Generated-TextInputBase-5"
-          data-ouia-component-type="PF4/TextInput"
-          data-ouia-safe="true"
-          id="pf-login-username-id"
-          name="pf-login-username-id"
-          required=""
-          type="text"
-          value=""
-        />
-        
-      </div>
-    </div>
-    <div
-      class="pf-c-form__group"
-    >
-      <div
-        class="pf-c-form__group-label"
-      >
-        <label
-          class="pf-c-form__label"
-          for="pf-login-password-id"
-        >
-          <span
-            class="pf-c-form__label-text"
-          >
-            Password
-          </span>
-          <span
-            aria-hidden="true"
-            class="pf-c-form__label-required"
-          >
-             
-            *
-          </span>
-        </label>
-         
-      </div>
-      <div
-        class="pf-c-form__group-control"
-      >
-        <div
-          class="pf-c-input-group"
-        >
-          <input
-            aria-invalid="false"
-            class="pf-c-form-control"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-6"
-            data-ouia-component-type="PF4/TextInput"
-            data-ouia-safe="true"
-            id="pf-login-password-id"
-            name="pf-login-password-id"
-            required=""
-            type="password"
-            value=""
-          />
-          <button
-            aria-disabled="false"
-            aria-label="Show password"
-            class="pf-c-button pf-m-control"
-            data-ouia-component-id="OUIA-Generated-Button-control-1"
-            data-ouia-component-type="PF4/Button"
-            data-ouia-safe="true"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              fill="currentColor"
-              height="1em"
-              role="img"
-              style="vertical-align: -0.125em;"
-              viewBox="0 0 576 512"
-              width="1em"
-            >
-              <path
-                d="M572.52 241.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400a144 144 0 1 1 144-144 143.93 143.93 0 0 1-144 144zm0-240a95.31 95.31 0 0 0-25.31 3.79 47.85 47.85 0 0 1-66.9 66.9A95.78 95.78 0 1 0 288 160z"
-              />
-            </svg>
-          </button>
-        </div>
-        
-      </div>
-    </div>
-    <div
-      class="pf-c-form__group pf-m-action"
-    >
-      <div
-        class="pf-c-form__group-control"
-      >
-        <div
-          class="pf-c-form__actions"
-        >
-          <button
-            aria-disabled="false"
-            class="pf-c-button pf-m-primary pf-m-block"
-            data-ouia-component-id="OUIA-Generated-Button-primary-3"
-            data-ouia-component-type="PF4/Button"
-            data-ouia-safe="true"
-            type="submit"
-          >
-            Log In
-          </button>
-        </div>
-      </div>
-    </div>
-  </form>
-</div>
-`;
+exports[`LoginForm LoginForm with show password 1`] = `"<form novalidate=\\"\\" data-testid=\\"form-test-id\\" class=\\"pf-c-form\\"><p class=\\"pf-c-form__helper-text pf-m-hidden\\"></p><div class=\\"pf-c-form__group\\"><div class=\\"pf-c-form__group-label\\"><label class=\\"pf-c-form__label\\" for=\\"pf-login-username-id\\"><span class=\\"pf-c-form__label-text\\">Username</span><span class=\\"pf-c-form__label-required\\" aria-hidden=\\"true\\"> *</span></label> </div><div class=\\"pf-c-form__group-control\\"><input id=\\"pf-login-username-id\\" name=\\"pf-login-username-id\\" class=\\"pf-c-form-control\\" type=\\"text\\" aria-invalid=\\"false\\" required=\\"\\" data-ouia-component-type=\\"PF4/TextInput\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-TextInputBase-11\\" value=\\"\\"></div></div><div class=\\"pf-c-form__group\\"><div class=\\"pf-c-form__group-label\\"><label class=\\"pf-c-form__label\\" for=\\"pf-login-password-id\\"><span class=\\"pf-c-form__label-text\\">Password</span><span class=\\"pf-c-form__label-required\\" aria-hidden=\\"true\\"> *</span></label> </div><div class=\\"pf-c-form__group-control\\"><div class=\\"pf-c-input-group\\"><input id=\\"pf-login-password-id\\" name=\\"pf-login-password-id\\" class=\\"pf-c-form-control\\" type=\\"password\\" aria-invalid=\\"false\\" required=\\"\\" data-ouia-component-type=\\"PF4/TextInput\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-TextInputBase-12\\" value=\\"\\"><button aria-disabled=\\"false\\" aria-label=\\"Show password\\" class=\\"pf-c-button pf-m-control\\" type=\\"button\\" data-ouia-component-type=\\"PF4/Button\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-Button-control-1\\"><svg style=\\"vertical-align: -0.125em;\\" fill=\\"currentColor\\" height=\\"1em\\" width=\\"1em\\" viewBox=\\"0 0 576 512\\" aria-hidden=\\"true\\" role=\\"img\\"><path d=\\"M572.52 241.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400a144 144 0 1 1 144-144 143.93 143.93 0 0 1-144 144zm0-240a95.31 95.31 0 0 0-25.31 3.79 47.85 47.85 0 0 1-66.9 66.9A95.78 95.78 0 1 0 288 160z\\"></path></svg></button></div></div></div><div class=\\"pf-c-form__group pf-m-action\\"><div class=\\"pf-c-form__group-control\\"><div class=\\"pf-c-form__actions\\"><button aria-disabled=\\"false\\" class=\\"pf-c-button pf-m-primary pf-m-block\\" type=\\"submit\\" data-ouia-component-type=\\"PF4/Button\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-Button-primary-6\\">Log In</button></div></div></div></form>"`;
 
-exports[`should render Login form 1`] = `
-<div>
-  <form
-    class="pf-c-form"
-    novalidate=""
-  >
-    <p
-      class="pf-c-form__helper-text pf-m-hidden"
-    />
-    <div
-      class="pf-c-form__group"
-    >
-      <div
-        class="pf-c-form__group-label"
-      >
-        <label
-          class="pf-c-form__label"
-          for="pf-login-username-id"
-        >
-          <span
-            class="pf-c-form__label-text"
-          >
-            Username
-          </span>
-          <span
-            aria-hidden="true"
-            class="pf-c-form__label-required"
-          >
-             
-            *
-          </span>
-        </label>
-         
-      </div>
-      <div
-        class="pf-c-form__group-control"
-      >
-        <input
-          aria-invalid="false"
-          class="pf-c-form-control"
-          data-ouia-component-id="OUIA-Generated-TextInputBase-1"
-          data-ouia-component-type="PF4/TextInput"
-          data-ouia-safe="true"
-          id="pf-login-username-id"
-          name="pf-login-username-id"
-          required=""
-          type="text"
-          value=""
-        />
-        
-      </div>
-    </div>
-    <div
-      class="pf-c-form__group"
-    >
-      <div
-        class="pf-c-form__group-label"
-      >
-        <label
-          class="pf-c-form__label"
-          for="pf-login-password-id"
-        >
-          <span
-            class="pf-c-form__label-text"
-          >
-            Password
-          </span>
-          <span
-            aria-hidden="true"
-            class="pf-c-form__label-required"
-          >
-             
-            *
-          </span>
-        </label>
-         
-      </div>
-      <div
-        class="pf-c-form__group-control"
-      >
-        <input
-          aria-invalid="false"
-          class="pf-c-form-control"
-          data-ouia-component-id="OUIA-Generated-TextInputBase-2"
-          data-ouia-component-type="PF4/TextInput"
-          data-ouia-safe="true"
-          id="pf-login-password-id"
-          name="pf-login-password-id"
-          required=""
-          type="password"
-          value=""
-        />
-        
-      </div>
-    </div>
-    <div
-      class="pf-c-form__group pf-m-action"
-    >
-      <div
-        class="pf-c-form__group-control"
-      >
-        <div
-          class="pf-c-form__actions"
-        >
-          <button
-            aria-disabled="false"
-            class="pf-c-button pf-m-primary pf-m-block"
-            data-ouia-component-id="OUIA-Generated-Button-primary-1"
-            data-ouia-component-type="PF4/Button"
-            data-ouia-safe="true"
-            type="submit"
-          >
-            Log In
-          </button>
-        </div>
-      </div>
-    </div>
-  </form>
-</div>
-`;
+exports[`LoginForm should render Login form 1`] = `"<form novalidate=\\"\\" data-testid=\\"form-test-id\\" class=\\"pf-c-form\\"><p class=\\"pf-c-form__helper-text pf-m-hidden\\"></p><div class=\\"pf-c-form__group\\"><div class=\\"pf-c-form__group-label\\"><label class=\\"pf-c-form__label\\" for=\\"pf-login-username-id\\"><span class=\\"pf-c-form__label-text\\">Username</span><span class=\\"pf-c-form__label-required\\" aria-hidden=\\"true\\"> *</span></label> </div><div class=\\"pf-c-form__group-control\\"><input id=\\"pf-login-username-id\\" name=\\"pf-login-username-id\\" class=\\"pf-c-form-control\\" type=\\"text\\" aria-invalid=\\"false\\" required=\\"\\" data-ouia-component-type=\\"PF4/TextInput\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-TextInputBase-1\\" value=\\"\\"></div></div><div class=\\"pf-c-form__group\\"><div class=\\"pf-c-form__group-label\\"><label class=\\"pf-c-form__label\\" for=\\"pf-login-password-id\\"><span class=\\"pf-c-form__label-text\\">Password</span><span class=\\"pf-c-form__label-required\\" aria-hidden=\\"true\\"> *</span></label> </div><div class=\\"pf-c-form__group-control\\"><input id=\\"pf-login-password-id\\" name=\\"pf-login-password-id\\" class=\\"pf-c-form-control\\" type=\\"password\\" aria-invalid=\\"false\\" required=\\"\\" data-ouia-component-type=\\"PF4/TextInput\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-TextInputBase-2\\" value=\\"\\"></div></div><div class=\\"pf-c-form__group pf-m-action\\"><div class=\\"pf-c-form__group-control\\"><div class=\\"pf-c-form__actions\\"><button aria-disabled=\\"false\\" class=\\"pf-c-button pf-m-primary pf-m-block\\" type=\\"submit\\" data-ouia-component-type=\\"PF4/Button\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-Button-primary-1\\">Log In</button></div></div></div></form>"`;

package/src/components/LoginPage/__tests__/__snapshots__/LoginMainBody.test.tsx.snap

@@ -1,11 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`className is added to the root element 1`] = `"pf-c-login__main-body extra-class"`;
+exports[`LoginMainBody className is added to the root element 1`] = `"<div class=\\"pf-c-login__main-body extra-class\\" data-testid=\\"test-id\\"></div>"`;
 
-exports[`renders with PatternFly Core styles 1`] = `
-<div>
-  <div
-    class="pf-c-login__main-body"
-  />
-</div>
-`;
+exports[`LoginMainBody renders with PatternFly Core styles 1`] = `"<div class=\\"pf-c-login__main-body\\" data-testid=\\"test-id\\"></div>"`;

package/src/components/LoginPage/__tests__/__snapshots__/LoginMainFooter.test.tsx.snap

@@ -1,11 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`className is added to the root element 1`] = `"pf-c-login__main-footer extra-class"`;
+exports[`LoginMainFooter className is added to the root element 1`] = `"<div class=\\"pf-c-login__main-footer extra-class\\" data-testid=\\"test-id\\"></div>"`;
 
-exports[`renders with PatternFly Core styles 1`] = `
-<div>
-  <div
-    class="pf-c-login__main-footer"
-  />
-</div>
-`;
+exports[`LoginMainFooter renders with PatternFly Core styles 1`] = `"<div class=\\"pf-c-login__main-footer\\" data-testid=\\"test-id\\"></div>"`;

package/src/components/LoginPage/__tests__/__snapshots__/LoginMainFooterBandItem.test.tsx.snap

@@ -1,23 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`LoginFooterItem  with custom node 1`] = `
-<div>
-  <p
-    class="pf-c-login__main-footer-band-item"
-  >
-    <div>
-      My custom node
-    </div>
-  </p>
-</div>
-`;
-
-exports[`className is added to the root element 1`] = `"pf-c-login__main-footer-band-item extra-class"`;
-
-exports[`renders with PatternFly Core styles 1`] = `
-<div>
+exports[`LoginMainFooterBandItem renders with PatternFly Core styles 1`] = `
+<DocumentFragment>
   <p
     class="pf-c-login__main-footer-band-item"
   />
-</div>
+</DocumentFragment>
 `;

package/src/components/LoginPage/__tests__/__snapshots__/LoginMainFooterLinksItem.test.tsx.snap

@@ -1,35 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`LoginFooterItem  with custom node 1`] = `
-<div>
-  <li
-    class="pf-c-login__main-footer-links-item"
-  >
-    <a
-      class="pf-c-login__main-footer-links-item-link"
-      href=""
-      target=""
-    >
-      <div>
-        My custom node
-      </div>
-    </a>
-  </li>
-</div>
-`;
+exports[`LoginMainFooterLinksItem className is added to the root element 1`] = `"<li class=\\"pf-c-login__main-footer-links-item extra-class\\"><a class=\\"pf-c-login__main-footer-links-item-link\\" href=\\"\\" target=\\"\\"></a></li>"`;
 
-exports[`className is added to the root element 1`] = `"pf-c-login__main-footer-links-item extra-class"`;
+exports[`LoginMainFooterLinksItem renders with PatternFly Core styles 1`] = `"<li class=\\"pf-c-login__main-footer-links-item\\"><a class=\\"pf-c-login__main-footer-links-item-link\\" href=\\"#\\" target=\\"\\"></a></li>"`;
 
-exports[`renders with PatternFly Core styles 1`] = `
-<div>
-  <li
-    class="pf-c-login__main-footer-links-item"
-  >
-    <a
-      class="pf-c-login__main-footer-links-item-link"
-      href="#"
-      target=""
-    />
-  </li>
-</div>
-`;
+exports[`LoginMainFooterLinksItem with custom node 1`] = `"<li class=\\"pf-c-login__main-footer-links-item\\"><a class=\\"pf-c-login__main-footer-links-item-link\\" href=\\"\\" target=\\"\\"><div>My custom node</div></a></li>"`;

package/src/components/LoginPage/__tests__/__snapshots__/LoginMainHeader.test.tsx.snap

@@ -1,16 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`className is added to the root element 1`] = `"pf-c-login__main-header extra-class"`;
+exports[`LoginMainHeader className is added to the root element 1`] = `"<header class=\\"pf-c-login__main-header extra-class\\" data-testid=\\"test-id\\"></header>"`;
 
-exports[`renders with PatternFly Core styles 1`] = `
-<div>
-  <header
-    class="pf-c-login__main-header"
-  >
-    
-    
-  </header>
-</div>
-`;
+exports[`LoginMainHeader renders with PatternFly Core styles 1`] = `"<header class=\\"pf-c-login__main-header\\" data-testid=\\"test-id\\"></header>"`;
 
-exports[`title and subtitle are rendered correctly 1`] = `"pf-c-login__main-header"`;
+exports[`LoginMainHeader title and subtitle are rendered correctly 1`] = `"<header class=\\"pf-c-login__main-header\\" data-testid=\\"test-id\\"><h2 data-ouia-component-type=\\"PF4/Title\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-Title-1\\" class=\\"pf-c-title pf-m-3xl\\">Log in to your account</h2><p class=\\"pf-c-login__main-header-desc\\">Use LDAP credentials</p></header>"`;

package/src/components/TextInput/TextInput.tsx

@@ -206,7 +206,7 @@ export class TextInputBase extends React.Component<TextInputProps, TextInputStat
         )}
         onChange={this.handleChange}
         type={type}
-        value={value}
+        value={this.sanitizeInputValue(value)}
         aria-invalid={props['aria-invalid'] ? props['aria-invalid'] : validated === ValidatedOptions.error}
         required={isRequired}
         disabled={isDisabled}
@@ -217,6 +217,9 @@ export class TextInputBase extends React.Component<TextInputProps, TextInputStat
       />
     );
   }
+
+  private sanitizeInputValue = (value: string | number) =>
+    typeof value === 'string' ? value.replace(/\n/g, ' ') : value;
 }
 
 export const TextInput = React.forwardRef((props: TextInputProps, ref: React.Ref<HTMLInputElement>) => (