From de8f05e7698e1d94eff7c58659a297b321db2c4b Mon Sep 17 00:00:00 2001
From: emyarod <afw5059@gmail.com>
Date: Thu, 4 Mar 2021 15:26:01 -0600
Subject: [PATCH] chore: update snapshots

---
 .../__snapshots__/DataTable-test.js.snap      | 308 +++++++++---------
 .../TableToolbarSearch-test.js.snap           | 153 +++++----
 2 files changed, 224 insertions(+), 237 deletions(-)

diff --git a/packages/react/src/components/DataTable/__tests__/__snapshots__/DataTable-test.js.snap b/packages/react/src/components/DataTable/__tests__/__snapshots__/DataTable-test.js.snap
index f917629852bf..9a26e344d088 100644
--- a/packages/react/src/components/DataTable/__tests__/__snapshots__/DataTable-test.js.snap
+++ b/packages/react/src/components/DataTable/__tests__/__snapshots__/DataTable-test.js.snap
@@ -2290,113 +2290,109 @@ exports[`DataTable should render 1`] = `
                 tabIndex="0"
                 translateWithId={[Function]}
               >
-                <div
-                  className="bx--toolbar-action bx--toolbar-search-container-persistent"
+                <Search
+                  className="bx--toolbar-search-container-persistent"
+                  closeButtonLabelText="Clear search input"
+                  id="custom-id"
+                  labelText="Filter table"
                   onBlur={[Function]}
-                  onClick={[Function]}
+                  onChange={[Function]}
                   onFocus={[Function]}
-                  onKeyDown={[Function]}
-                  tabIndex="-1"
+                  placeholder="Filter table"
+                  size="sm"
+                  tabIndex="0"
+                  type="text"
+                  value=""
                 >
-                  <Search
-                    closeButtonLabelText="Clear search input"
-                    id="custom-id"
-                    labelText="Filter table"
-                    onChange={[Function]}
-                    placeholder="Filter table"
-                    size="sm"
-                    tabIndex="0"
-                    type="text"
-                    value=""
+                  <div
+                    aria-labelledby="custom-id-search"
+                    className="bx--search bx--search--sm bx--toolbar-search-container-persistent"
+                    role="search"
                   >
-                    <div
-                      aria-labelledby="custom-id-search"
-                      className="bx--search bx--search--sm"
-                      role="search"
+                    <ForwardRef(Search16)
+                      className="bx--search-magnifier"
                     >
-                      <ForwardRef(Search16)
+                      <Icon
                         className="bx--search-magnifier"
+                        fill="currentColor"
+                        height={16}
+                        preserveAspectRatio="xMidYMid meet"
+                        viewBox="0 0 16 16"
+                        width={16}
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <Icon
+                        <svg
+                          aria-hidden={true}
                           className="bx--search-magnifier"
                           fill="currentColor"
+                          focusable="false"
                           height={16}
                           preserveAspectRatio="xMidYMid meet"
                           viewBox="0 0 16 16"
                           width={16}
                           xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M15,14.3L10.7,10c1.9-2.3,1.6-5.8-0.7-7.7S4.2,0.7,2.3,3S0.7,8.8,3,10.7c2,1.7,5,1.7,7,0l4.3,4.3L15,14.3z M2,6.5	C2,4,4,2,6.5,2S11,4,11,6.5S9,11,6.5,11S2,9,2,6.5z"
+                          />
+                        </svg>
+                      </Icon>
+                    </ForwardRef(Search16)>
+                    <label
+                      className="bx--label"
+                      htmlFor="custom-id"
+                      id="custom-id-search"
+                    >
+                      Filter table
+                    </label>
+                    <input
+                      autoComplete="off"
+                      className="bx--search-input"
+                      id="custom-id"
+                      onBlur={[Function]}
+                      onChange={[Function]}
+                      onFocus={[Function]}
+                      onKeyDown={[Function]}
+                      placeholder="Filter table"
+                      role="searchbox"
+                      tabIndex="0"
+                      type="text"
+                      value=""
+                    />
+                    <button
+                      aria-label="Clear search input"
+                      className="bx--search-close bx--search-close--hidden"
+                      onClick={[Function]}
+                      type="button"
+                    >
+                      <ForwardRef(Close16)>
+                        <Icon
+                          fill="currentColor"
+                          height={16}
+                          preserveAspectRatio="xMidYMid meet"
+                          viewBox="0 0 32 32"
+                          width={16}
+                          xmlns="http://www.w3.org/2000/svg"
                         >
                           <svg
                             aria-hidden={true}
-                            className="bx--search-magnifier"
                             fill="currentColor"
                             focusable="false"
                             height={16}
                             preserveAspectRatio="xMidYMid meet"
-                            viewBox="0 0 16 16"
+                            viewBox="0 0 32 32"
                             width={16}
                             xmlns="http://www.w3.org/2000/svg"
                           >
                             <path
-                              d="M15,14.3L10.7,10c1.9-2.3,1.6-5.8-0.7-7.7S4.2,0.7,2.3,3S0.7,8.8,3,10.7c2,1.7,5,1.7,7,0l4.3,4.3L15,14.3z M2,6.5	C2,4,4,2,6.5,2S11,4,11,6.5S9,11,6.5,11S2,9,2,6.5z"
+                              d="M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4z"
                             />
                           </svg>
                         </Icon>
-                      </ForwardRef(Search16)>
-                      <label
-                        className="bx--label"
-                        htmlFor="custom-id"
-                        id="custom-id-search"
-                      >
-                        Filter table
-                      </label>
-                      <input
-                        autoComplete="off"
-                        className="bx--search-input"
-                        id="custom-id"
-                        onChange={[Function]}
-                        onKeyDown={[Function]}
-                        placeholder="Filter table"
-                        role="searchbox"
-                        tabIndex="0"
-                        type="text"
-                        value=""
-                      />
-                      <button
-                        aria-label="Clear search input"
-                        className="bx--search-close bx--search-close--hidden"
-                        onClick={[Function]}
-                        type="button"
-                      >
-                        <ForwardRef(Close16)>
-                          <Icon
-                            fill="currentColor"
-                            height={16}
-                            preserveAspectRatio="xMidYMid meet"
-                            viewBox="0 0 32 32"
-                            width={16}
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <svg
-                              aria-hidden={true}
-                              fill="currentColor"
-                              focusable="false"
-                              height={16}
-                              preserveAspectRatio="xMidYMid meet"
-                              viewBox="0 0 32 32"
-                              width={16}
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                d="M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4z"
-                              />
-                            </svg>
-                          </Icon>
-                        </ForwardRef(Close16)>
-                      </button>
-                    </div>
-                  </Search>
-                </div>
+                      </ForwardRef(Close16)>
+                    </button>
+                  </div>
+                </Search>
               </TableToolbarSearch>
               <TableToolbarMenu
                 iconDescription="Settings"
@@ -3301,113 +3297,109 @@ exports[`DataTable sticky header should render 1`] = `
                 tabIndex="0"
                 translateWithId={[Function]}
               >
-                <div
-                  className="bx--toolbar-action bx--toolbar-search-container-persistent"
+                <Search
+                  className="bx--toolbar-search-container-persistent"
+                  closeButtonLabelText="Clear search input"
+                  id="custom-id"
+                  labelText="Filter table"
                   onBlur={[Function]}
-                  onClick={[Function]}
+                  onChange={[Function]}
                   onFocus={[Function]}
-                  onKeyDown={[Function]}
-                  tabIndex="-1"
+                  placeholder="Filter table"
+                  size="sm"
+                  tabIndex="0"
+                  type="text"
+                  value=""
                 >
-                  <Search
-                    closeButtonLabelText="Clear search input"
-                    id="custom-id"
-                    labelText="Filter table"
-                    onChange={[Function]}
-                    placeholder="Filter table"
-                    size="sm"
-                    tabIndex="0"
-                    type="text"
-                    value=""
+                  <div
+                    aria-labelledby="custom-id-search"
+                    className="bx--search bx--search--sm bx--toolbar-search-container-persistent"
+                    role="search"
                   >
-                    <div
-                      aria-labelledby="custom-id-search"
-                      className="bx--search bx--search--sm"
-                      role="search"
+                    <ForwardRef(Search16)
+                      className="bx--search-magnifier"
                     >
-                      <ForwardRef(Search16)
+                      <Icon
                         className="bx--search-magnifier"
+                        fill="currentColor"
+                        height={16}
+                        preserveAspectRatio="xMidYMid meet"
+                        viewBox="0 0 16 16"
+                        width={16}
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <Icon
+                        <svg
+                          aria-hidden={true}
                           className="bx--search-magnifier"
                           fill="currentColor"
+                          focusable="false"
                           height={16}
                           preserveAspectRatio="xMidYMid meet"
                           viewBox="0 0 16 16"
                           width={16}
                           xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M15,14.3L10.7,10c1.9-2.3,1.6-5.8-0.7-7.7S4.2,0.7,2.3,3S0.7,8.8,3,10.7c2,1.7,5,1.7,7,0l4.3,4.3L15,14.3z M2,6.5	C2,4,4,2,6.5,2S11,4,11,6.5S9,11,6.5,11S2,9,2,6.5z"
+                          />
+                        </svg>
+                      </Icon>
+                    </ForwardRef(Search16)>
+                    <label
+                      className="bx--label"
+                      htmlFor="custom-id"
+                      id="custom-id-search"
+                    >
+                      Filter table
+                    </label>
+                    <input
+                      autoComplete="off"
+                      className="bx--search-input"
+                      id="custom-id"
+                      onBlur={[Function]}
+                      onChange={[Function]}
+                      onFocus={[Function]}
+                      onKeyDown={[Function]}
+                      placeholder="Filter table"
+                      role="searchbox"
+                      tabIndex="0"
+                      type="text"
+                      value=""
+                    />
+                    <button
+                      aria-label="Clear search input"
+                      className="bx--search-close bx--search-close--hidden"
+                      onClick={[Function]}
+                      type="button"
+                    >
+                      <ForwardRef(Close16)>
+                        <Icon
+                          fill="currentColor"
+                          height={16}
+                          preserveAspectRatio="xMidYMid meet"
+                          viewBox="0 0 32 32"
+                          width={16}
+                          xmlns="http://www.w3.org/2000/svg"
                         >
                           <svg
                             aria-hidden={true}
-                            className="bx--search-magnifier"
                             fill="currentColor"
                             focusable="false"
                             height={16}
                             preserveAspectRatio="xMidYMid meet"
-                            viewBox="0 0 16 16"
+                            viewBox="0 0 32 32"
                             width={16}
                             xmlns="http://www.w3.org/2000/svg"
                           >
                             <path
-                              d="M15,14.3L10.7,10c1.9-2.3,1.6-5.8-0.7-7.7S4.2,0.7,2.3,3S0.7,8.8,3,10.7c2,1.7,5,1.7,7,0l4.3,4.3L15,14.3z M2,6.5	C2,4,4,2,6.5,2S11,4,11,6.5S9,11,6.5,11S2,9,2,6.5z"
+                              d="M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4z"
                             />
                           </svg>
                         </Icon>
-                      </ForwardRef(Search16)>
-                      <label
-                        className="bx--label"
-                        htmlFor="custom-id"
-                        id="custom-id-search"
-                      >
-                        Filter table
-                      </label>
-                      <input
-                        autoComplete="off"
-                        className="bx--search-input"
-                        id="custom-id"
-                        onChange={[Function]}
-                        onKeyDown={[Function]}
-                        placeholder="Filter table"
-                        role="searchbox"
-                        tabIndex="0"
-                        type="text"
-                        value=""
-                      />
-                      <button
-                        aria-label="Clear search input"
-                        className="bx--search-close bx--search-close--hidden"
-                        onClick={[Function]}
-                        type="button"
-                      >
-                        <ForwardRef(Close16)>
-                          <Icon
-                            fill="currentColor"
-                            height={16}
-                            preserveAspectRatio="xMidYMid meet"
-                            viewBox="0 0 32 32"
-                            width={16}
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <svg
-                              aria-hidden={true}
-                              fill="currentColor"
-                              focusable="false"
-                              height={16}
-                              preserveAspectRatio="xMidYMid meet"
-                              viewBox="0 0 32 32"
-                              width={16}
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                d="M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4z"
-                              />
-                            </svg>
-                          </Icon>
-                        </ForwardRef(Close16)>
-                      </button>
-                    </div>
-                  </Search>
-                </div>
+                      </ForwardRef(Close16)>
+                    </button>
+                  </div>
+                </Search>
               </TableToolbarSearch>
               <TableToolbarMenu
                 iconDescription="Settings"
diff --git a/packages/react/src/components/DataTable/__tests__/__snapshots__/TableToolbarSearch-test.js.snap b/packages/react/src/components/DataTable/__tests__/__snapshots__/TableToolbarSearch-test.js.snap
index 1dce92a5387b..172b070be20d 100644
--- a/packages/react/src/components/DataTable/__tests__/__snapshots__/TableToolbarSearch-test.js.snap
+++ b/packages/react/src/components/DataTable/__tests__/__snapshots__/TableToolbarSearch-test.js.snap
@@ -9,113 +9,108 @@ exports[`DataTable.TableToolbarSearch should render 1`] = `
   tabIndex="0"
   translateWithId={[Function]}
 >
-  <div
-    className="bx--toolbar-action bx--toolbar-search-container-expandable"
+  <Search
+    className="custom-class bx--toolbar-search-container-expandable"
+    closeButtonLabelText="Clear search input"
+    id="custom-id"
+    labelText="Filter table"
     onBlur={[Function]}
-    onClick={[Function]}
+    onChange={[Function]}
     onFocus={[Function]}
-    onKeyDown={[Function]}
+    placeholder="Filter table"
+    size="sm"
     tabIndex="0"
+    type="text"
+    value=""
   >
-    <Search
-      className="custom-class"
-      closeButtonLabelText="Clear search input"
-      id="custom-id"
-      labelText="Filter table"
-      onChange={[Function]}
-      placeholder="Filter table"
-      size="sm"
-      tabIndex="-1"
-      type="text"
-      value=""
+    <div
+      aria-labelledby="custom-id-search"
+      className="bx--search bx--search--sm custom-class bx--toolbar-search-container-expandable"
+      role="search"
     >
-      <div
-        aria-labelledby="custom-id-search"
-        className="bx--search bx--search--sm custom-class"
-        role="search"
+      <ForwardRef(Search16)
+        className="bx--search-magnifier"
       >
-        <ForwardRef(Search16)
+        <Icon
           className="bx--search-magnifier"
+          fill="currentColor"
+          height={16}
+          preserveAspectRatio="xMidYMid meet"
+          viewBox="0 0 16 16"
+          width={16}
+          xmlns="http://www.w3.org/2000/svg"
         >
-          <Icon
+          <svg
+            aria-hidden={true}
             className="bx--search-magnifier"
             fill="currentColor"
+            focusable="false"
             height={16}
             preserveAspectRatio="xMidYMid meet"
             viewBox="0 0 16 16"
             width={16}
             xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M15,14.3L10.7,10c1.9-2.3,1.6-5.8-0.7-7.7S4.2,0.7,2.3,3S0.7,8.8,3,10.7c2,1.7,5,1.7,7,0l4.3,4.3L15,14.3z M2,6.5	C2,4,4,2,6.5,2S11,4,11,6.5S9,11,6.5,11S2,9,2,6.5z"
+            />
+          </svg>
+        </Icon>
+      </ForwardRef(Search16)>
+      <label
+        className="bx--label"
+        htmlFor="custom-id"
+        id="custom-id-search"
+      >
+        Filter table
+      </label>
+      <input
+        autoComplete="off"
+        className="bx--search-input"
+        id="custom-id"
+        onBlur={[Function]}
+        onChange={[Function]}
+        onFocus={[Function]}
+        onKeyDown={[Function]}
+        placeholder="Filter table"
+        role="searchbox"
+        tabIndex="0"
+        type="text"
+        value=""
+      />
+      <button
+        aria-label="Clear search input"
+        className="bx--search-close bx--search-close--hidden"
+        onClick={[Function]}
+        type="button"
+      >
+        <ForwardRef(Close16)>
+          <Icon
+            fill="currentColor"
+            height={16}
+            preserveAspectRatio="xMidYMid meet"
+            viewBox="0 0 32 32"
+            width={16}
+            xmlns="http://www.w3.org/2000/svg"
           >
             <svg
               aria-hidden={true}
-              className="bx--search-magnifier"
               fill="currentColor"
               focusable="false"
               height={16}
               preserveAspectRatio="xMidYMid meet"
-              viewBox="0 0 16 16"
+              viewBox="0 0 32 32"
               width={16}
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
-                d="M15,14.3L10.7,10c1.9-2.3,1.6-5.8-0.7-7.7S4.2,0.7,2.3,3S0.7,8.8,3,10.7c2,1.7,5,1.7,7,0l4.3,4.3L15,14.3z M2,6.5	C2,4,4,2,6.5,2S11,4,11,6.5S9,11,6.5,11S2,9,2,6.5z"
+                d="M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4z"
               />
             </svg>
           </Icon>
-        </ForwardRef(Search16)>
-        <label
-          className="bx--label"
-          htmlFor="custom-id"
-          id="custom-id-search"
-        >
-          Filter table
-        </label>
-        <input
-          autoComplete="off"
-          className="bx--search-input"
-          id="custom-id"
-          onChange={[Function]}
-          onKeyDown={[Function]}
-          placeholder="Filter table"
-          role="searchbox"
-          tabIndex="-1"
-          type="text"
-          value=""
-        />
-        <button
-          aria-label="Clear search input"
-          className="bx--search-close bx--search-close--hidden"
-          onClick={[Function]}
-          type="button"
-        >
-          <ForwardRef(Close16)>
-            <Icon
-              fill="currentColor"
-              height={16}
-              preserveAspectRatio="xMidYMid meet"
-              viewBox="0 0 32 32"
-              width={16}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <svg
-                aria-hidden={true}
-                fill="currentColor"
-                focusable="false"
-                height={16}
-                preserveAspectRatio="xMidYMid meet"
-                viewBox="0 0 32 32"
-                width={16}
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4z"
-                />
-              </svg>
-            </Icon>
-          </ForwardRef(Close16)>
-        </button>
-      </div>
-    </Search>
-  </div>
+        </ForwardRef(Close16)>
+      </button>
+    </div>
+  </Search>
 </TableToolbarSearch>
 `;