fix: Fix USM component rendering

Author: jfox-box

src/constants.js

@@ -242,7 +242,7 @@ export const CLIENT_NAME_CONTENT_SIDEBAR: 'ContentSidebar' = 'ContentSidebar';
 export const CLIENT_NAME_CONTENT_UPLOADER: 'ContentUploader' = 'ContentUploader';
 export const CLIENT_NAME_FILE_PICKER: 'FilePicker' = 'FilePicker';
 export const CLIENT_NAME_FOLDER_PICKER: 'FolderPicker' = 'FolderPicker';
-export const CLIENT_VERSION = __VERSION__;
+export const CLIENT_VERSION = 'custom-version';
 
 /* ---------------------- Statuses -------------------------- */
 export const STATUS_PENDING: 'pending' = 'pending';

src/features/unified-share-modal/UnifiedShareForm.js

@@ -488,6 +488,7 @@ class UnifiedShareForm extends React.Component<USFProps, State> {
             showCloseButton: true,
             text: ftuxTooltipText,
             theme: 'callout',
+            targetWrapperClassName: 'wrapper-block',
         };
         const showUpsellInlineNotice = !!upsellInlineNotice;
 

src/features/unified-share-modal/UnifiedShareModal.scss

@@ -47,7 +47,7 @@
     }
 }
 
-.tooltip-target .bdl-Tooltip-target {
+.bdl-Tooltip-target.wrapper-block {
     display: block;
 }
 
@@ -94,6 +94,10 @@
                 width: 100%;
             }
         }
+
+        .bdl-Tooltip-target.bdl-Tooltip-target {
+            display: block;
+        }
     }
 
     .invitee-menu-wrap {
@@ -188,6 +192,10 @@
         justify-content: space-between;
         margin-top: 10px;
 
+        .bdl-Tooltip-target {
+            flex: 0 1 80%;
+        }
+
         .toggle-container {
             flex: 0 1 80%;
             margin-bottom: 0;

src/features/unified-share-modal/__tests__/__snapshots__/UnifiedShareForm.test.js.snap

@@ -14,6 +14,7 @@ exports[`features/unified-share-modal/UnifiedShareForm closeEmailSharedLinkForm(
       isDisabled={false}
       position="middle-left"
       showCloseButton={true}
+      targetWrapperClassName="wrapper-block"
       text={
         <div>
           <h4
@@ -214,6 +215,7 @@ exports[`features/unified-share-modal/UnifiedShareForm render() should not rende
       isShown={false}
       position="middle-left"
       showCloseButton={true}
+      targetWrapperClassName="wrapper-block"
       text={
         <div>
           <h4
@@ -378,6 +380,7 @@ exports[`features/unified-share-modal/UnifiedShareForm render() should not rende
       isDisabled={false}
       position="middle-left"
       showCloseButton={true}
+      targetWrapperClassName="wrapper-block"
       text={
         <div>
           <h4
@@ -542,6 +545,7 @@ exports[`features/unified-share-modal/UnifiedShareForm render() should render a
       isDisabled={false}
       position="middle-left"
       showCloseButton={true}
+      targetWrapperClassName="wrapper-block"
       text={
         <div>
           <h4
@@ -711,6 +715,7 @@ exports[`features/unified-share-modal/UnifiedShareForm render() should render a
       isShown={true}
       position="middle-left"
       showCloseButton={true}
+      targetWrapperClassName="wrapper-block"
       text={
         <div>
           <h4
@@ -876,6 +881,7 @@ exports[`features/unified-share-modal/UnifiedShareForm render() should render a
       isDisabled={false}
       position="middle-left"
       showCloseButton={true}
+      targetWrapperClassName="wrapper-block"
       text={
         <div>
           <h4
@@ -1042,6 +1048,7 @@ exports[`features/unified-share-modal/UnifiedShareForm render() should render a
       isDisabled={false}
       position="middle-left"
       showCloseButton={true}
+      targetWrapperClassName="wrapper-block"
       text={
         <div>
           <h4
@@ -1177,6 +1184,7 @@ exports[`features/unified-share-modal/UnifiedShareForm render() should render a
       isDisabled={false}
       position="middle-left"
       showCloseButton={true}
+      targetWrapperClassName="wrapper-block"
       text={
         <div>
           <h4
@@ -1343,6 +1351,7 @@ exports[`features/unified-share-modal/UnifiedShareForm render() should render a
       isDisabled={false}
       position="middle-left"
       showCloseButton={true}
+      targetWrapperClassName="wrapper-block"
       text={
         <div>
           <h4
@@ -1509,6 +1518,7 @@ exports[`features/unified-share-modal/UnifiedShareForm render() should render a
       isDisabled={false}
       position="middle-left"
       showCloseButton={true}
+      targetWrapperClassName="wrapper-block"
       text={
         <div>
           <h4
@@ -1676,6 +1686,7 @@ exports[`features/unified-share-modal/UnifiedShareForm render() should render a
       isDisabled={false}
       position="middle-left"
       showCloseButton={true}
+      targetWrapperClassName="wrapper-block"
       text={
         <div>
           <h4
@@ -1853,6 +1864,7 @@ exports[`features/unified-share-modal/UnifiedShareForm render() should render a
       isDisabled={false}
       position="middle-left"
       showCloseButton={true}
+      targetWrapperClassName="wrapper-block"
       text={
         <div>
           <h4
@@ -2018,6 +2030,7 @@ exports[`features/unified-share-modal/UnifiedShareForm render() should render a
       isDisabled={false}
       position="middle-left"
       showCloseButton={true}
+      targetWrapperClassName="wrapper-block"
       text={
         <div>
           <h4
@@ -2187,6 +2200,7 @@ exports[`features/unified-share-modal/UnifiedShareForm render() should render a
       isDisabled={false}
       position="middle-left"
       showCloseButton={true}
+      targetWrapperClassName="wrapper-block"
       text={
         <div>
           <h4
@@ -2353,6 +2367,7 @@ exports[`features/unified-share-modal/UnifiedShareForm render() should render a
       isDisabled={false}
       position="middle-left"
       showCloseButton={true}
+      targetWrapperClassName="wrapper-block"
       text={
         <div>
           <h4
@@ -2518,6 +2533,7 @@ exports[`features/unified-share-modal/UnifiedShareForm render() should render a
       isDisabled={false}
       position="middle-left"
       showCloseButton={true}
+      targetWrapperClassName="wrapper-block"
       text={
         <div>
           <h4