fix: Fix modernization hook for ContentSharing v2 (#4339)

* fix: Fix modernization hook for ContentPickerV2

* fix: Align modernization story names

Author: jfox-box

src/elements/content-explorer/stories/tests/ContentExplorer-visual.stories.js

@@ -28,7 +28,7 @@ export const basic = {
     },
 };
 
-export const Modernization = {
+export const withModernization = {
     args: {
         enableModernizedComponents: true,
     },

src/elements/content-picker/stories/tests/ContentPicker-visual.stories.js

@@ -8,7 +8,7 @@ import { DEFAULT_HOSTNAME_API } from '../../../../constants';
 
 export const basic = {};
 
-export const Modernization = {
+export const withModernization = {
     args: {
         enableModernizedComponents: true,
     },

src/elements/content-preview/stories/tests/ContentPreview-visual.stories.js

@@ -30,7 +30,7 @@ export const basic = {
     },
 };
 
-export const Modernization = {
+export const withModernization = {
     args: {
         enableModernizedComponents: true,
     },

src/elements/content-sharing/ContentSharingV2.tsx

@@ -7,6 +7,7 @@ import type { CollaborationRole, Collaborator, Item, SharedLink, User } from '@b
 import API from '../../api';
 import Internationalize from '../common/Internationalize';
 import Providers from '../common/Providers';
+import { withBlueprintModernization } from '../common/withBlueprintModernization';
 import { fetchAvatars, fetchCollaborators, fetchCurrentUser, fetchItem } from './apis';
 import { useSharingService } from './hooks/useSharingService';
 import { convertCollabsResponse, convertItemResponse } from './utils';
@@ -177,4 +178,4 @@ function ContentSharingV2({
     );
 }
 
-export default ContentSharingV2;
+export default withBlueprintModernization(ContentSharingV2);

src/elements/content-sharing/stories/tests/ContentSharingV2-visual.stories.tsx

@@ -1,6 +1,8 @@
 import * as React from 'react';
 import { expect, screen, userEvent, waitFor, within } from 'storybook/test';
 
+import { Button } from '@box/blueprint-web';
+
 import { TYPE_FILE } from '../../../../constants';
 import {
     mockAPIWithCollaborators,
@@ -69,7 +71,7 @@ export default {
     title: 'Elements/ContentSharingV2/tests/visual-regression-tests',
     component: ContentSharingV2,
     args: {
-        children: <button>Open Unified Share Modal</button>,
+        children: <Button>Open Unified Share Modal</Button>,
         itemType: TYPE_FILE,
         itemID: global.FILE_ID,
     },

src/elements/content-sidebar/stories/tests/ContentSidebar-visual.stories.tsx

@@ -23,7 +23,7 @@ export default {
     },
 };
 
-export const Modernization = {
+export const withModernization = {
     args: {
         enableModernizedComponents: true,
     },

src/elements/content-uploader/stories/tests/ContentUploader-visual.stories.js

@@ -23,7 +23,7 @@ export const basic = {
     },
 };
 
-export const Modernization = {
+export const withModernization = {
     args: {
         enableModernizedComponents: true,
     },