From c38e0d87e301ddf514eb43e5c3bf1b502e7066de Mon Sep 17 00:00:00 2001
From: emyarod <emyarod@users.noreply.github.com>
Date: Tue, 15 Dec 2020 12:58:59 -0600
Subject: [PATCH] docs: remove Storybook and CodeSandbox PropType warnings
 (#7460)

* docs: remove Storybook deprecation warnings

* chore: update snapshots
---
 .../src/components/CustomDataTable.js                         | 2 +-
 packages/react/src/components/DataTable/DataTable-story.js    | 4 +---
 .../src/components/DataTable/__tests__/DataTable-test.js      | 4 ++--
 .../DataTable/__tests__/__snapshots__/DataTable-test.js.snap  | 2 --
 .../DataTable/stories/DataTable-batch-actions-story.js        | 2 +-
 .../components/DataTable/stories/DataTable-filtering-story.js | 4 +---
 .../dynamic-content/DataTable-dynamic-content-story.js        | 4 +---
 7 files changed, 7 insertions(+), 15 deletions(-)

diff --git a/packages/react/examples/custom-data-table-state-manager/src/components/CustomDataTable.js b/packages/react/examples/custom-data-table-state-manager/src/components/CustomDataTable.js
index 3a09265c77cc..5b256eae9eb3 100644
--- a/packages/react/examples/custom-data-table-state-manager/src/components/CustomDataTable.js
+++ b/packages/react/examples/custom-data-table-state-manager/src/components/CustomDataTable.js
@@ -182,7 +182,7 @@ const CustomDataTable = ({
             onChange={handleChangeSearchString}
           />
           <TableToolbarMenu tabIndex={hasBatchActions ? -1 : 0}>
-            <TableToolbarAction primaryFocus onClick={() => alert('Alert 1')}>
+            <TableToolbarAction onClick={() => alert('Alert 1')}>
               Action 1
             </TableToolbarAction>
             <TableToolbarAction onClick={() => alert('Alert 2')}>
diff --git a/packages/react/src/components/DataTable/DataTable-story.js b/packages/react/src/components/DataTable/DataTable-story.js
index bdee10ca1fc7..c9e83d99cdf2 100644
--- a/packages/react/src/components/DataTable/DataTable-story.js
+++ b/packages/react/src/components/DataTable/DataTable-story.js
@@ -208,9 +208,7 @@ export const WithToolbar = () => (
           <TableToolbarContent>
             <TableToolbarSearch onChange={onInputChange} />
             <TableToolbarMenu light>
-              <TableToolbarAction
-                onClick={action('Action 1 Click')}
-                primaryFocus>
+              <TableToolbarAction onClick={action('Action 1 Click')}>
                 Action 1
               </TableToolbarAction>
               <TableToolbarAction onClick={action('Action 2 Click')}>
diff --git a/packages/react/src/components/DataTable/__tests__/DataTable-test.js b/packages/react/src/components/DataTable/__tests__/DataTable-test.js
index cb558fabac5c..5a617790d400 100644
--- a/packages/react/src/components/DataTable/__tests__/DataTable-test.js
+++ b/packages/react/src/components/DataTable/__tests__/DataTable-test.js
@@ -103,7 +103,7 @@ describe('DataTable', () => {
                   id="custom-id"
                 />
                 <TableToolbarMenu>
-                  <TableToolbarAction primaryFocus onClick={jest.fn()}>
+                  <TableToolbarAction onClick={jest.fn()}>
                     Action 1
                   </TableToolbarAction>
                   <TableToolbarAction onClick={jest.fn()}>
@@ -390,7 +390,7 @@ describe('DataTable', () => {
                     id="custom-id"
                   />
                   <TableToolbarMenu>
-                    <TableToolbarAction primaryFocus onClick={jest.fn()}>
+                    <TableToolbarAction onClick={jest.fn()}>
                       Action 1
                     </TableToolbarAction>
                     <TableToolbarAction onClick={jest.fn()}>
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 6a749f2312ca..ba93ede056b6 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
@@ -1870,7 +1870,6 @@ exports[`DataTable should render 1`] = `
                 >
                   <TableToolbarAction
                     onClick={[MockFunction]}
-                    primaryFocus={true}
                   >
                     Action 1
                   </TableToolbarAction>
@@ -2873,7 +2872,6 @@ exports[`DataTable sticky header should render 1`] = `
                 >
                   <TableToolbarAction
                     onClick={[MockFunction]}
-                    primaryFocus={true}
                   >
                     Action 1
                   </TableToolbarAction>
diff --git a/packages/react/src/components/DataTable/stories/DataTable-batch-actions-story.js b/packages/react/src/components/DataTable/stories/DataTable-batch-actions-story.js
index 8c8d16de1e9e..a46dbde2fa40 100644
--- a/packages/react/src/components/DataTable/stories/DataTable-batch-actions-story.js
+++ b/packages/react/src/components/DataTable/stories/DataTable-batch-actions-story.js
@@ -110,7 +110,7 @@ export const Usage = () => (
             />
             <TableToolbarMenu
               tabIndex={getBatchActionProps().shouldShowBatchActions ? -1 : 0}>
-              <TableToolbarAction primaryFocus onClick={() => alert('Alert 1')}>
+              <TableToolbarAction onClick={() => alert('Alert 1')}>
                 Action 1
               </TableToolbarAction>
               <TableToolbarAction onClick={() => alert('Alert 2')}>
diff --git a/packages/react/src/components/DataTable/stories/DataTable-filtering-story.js b/packages/react/src/components/DataTable/stories/DataTable-filtering-story.js
index 614941c045ca..c6188801b5e3 100644
--- a/packages/react/src/components/DataTable/stories/DataTable-filtering-story.js
+++ b/packages/react/src/components/DataTable/stories/DataTable-filtering-story.js
@@ -65,9 +65,7 @@ export const Usage = () => (
             {/* pass in `onInputChange` change here to make filtering work */}
             <TableToolbarSearch onChange={onInputChange} />
             <TableToolbarMenu>
-              <TableToolbarAction
-                onClick={action('Action 1 Click')}
-                primaryFocus>
+              <TableToolbarAction onClick={action('Action 1 Click')}>
                 Action 1
               </TableToolbarAction>
               <TableToolbarAction onClick={action('Action 2 Click')}>
diff --git a/packages/react/src/components/DataTable/stories/dynamic-content/DataTable-dynamic-content-story.js b/packages/react/src/components/DataTable/stories/dynamic-content/DataTable-dynamic-content-story.js
index 9eaf4a940af7..4d39f449095e 100644
--- a/packages/react/src/components/DataTable/stories/dynamic-content/DataTable-dynamic-content-story.js
+++ b/packages/react/src/components/DataTable/stories/dynamic-content/DataTable-dynamic-content-story.js
@@ -148,9 +148,7 @@ export const Example = (props) => {
                 <TableToolbarContent>
                   <TableToolbarSearch onChange={onInputChange} />
                   <TableToolbarMenu>
-                    <TableToolbarAction
-                      primaryFocus
-                      onClick={this.handleOnRowAdd}>
+                    <TableToolbarAction onClick={this.handleOnRowAdd}>
                       Add row
                     </TableToolbarAction>
                     <TableToolbarAction onClick={this.handleOnHeaderAdd}>