fix: correct wrapper use

Author: gagik

packages/compass-components/src/components/context-menu.spec.tsx

@@ -38,7 +38,7 @@ describe('useContextMenuItems', function () {
 
     expect(() => {
       render(
-        <ContextMenuProvider wrapper={ContextMenu}>
+        <ContextMenuProvider menuWrapper={ContextMenu}>
           <TestComponent items={items} />
         </ContextMenuProvider>
       );

packages/compass-components/src/components/context-menu.tsx

@@ -14,7 +14,7 @@ export function ContextMenuProvider({
   children: React.ReactNode;
 }) {
   return (
-    <ContextMenuProviderBase wrapper={ContextMenu}>
+    <ContextMenuProviderBase menuWrapper={ContextMenu}>
       {children}
     </ContextMenuProviderBase>
   );

packages/compass-context-menu/src/context-menu-provider.spec.tsx

@@ -17,9 +17,9 @@ describe('ContextMenuProvider', function () {
     it('throws an error when providers are nested', function () {
       expect(() => {
         render(
-          <ContextMenuProvider wrapper={TestMenu}>
+          <ContextMenuProvider menuWrapper={TestMenu}>
             <div>
-              <ContextMenuProvider wrapper={TestMenu}>
+              <ContextMenuProvider menuWrapper={TestMenu}>
                 <TestComponent />
               </ContextMenuProvider>
             </div>
@@ -34,7 +34,7 @@ describe('ContextMenuProvider', function () {
   describe('when not nested', function () {
     it('renders without error', function () {
       render(
-        <ContextMenuProvider wrapper={TestMenu}>
+        <ContextMenuProvider menuWrapper={TestMenu}>
           <TestComponent />
         </ContextMenuProvider>
       );

packages/compass-context-menu/src/use-context-menu.spec.tsx

@@ -136,7 +136,7 @@ describe('useContextMenu', function () {
 
     it('renders without error', function () {
       render(
-        <ContextMenuProvider wrapper={TestMenu}>
+        <ContextMenuProvider menuWrapper={TestMenu}>
           <TestComponent />
         </ContextMenuProvider>
       );
@@ -148,7 +148,7 @@ describe('useContextMenu', function () {
       const onRegister = sinon.spy();
 
       render(
-        <ContextMenuProvider wrapper={TestMenu}>
+        <ContextMenuProvider menuWrapper={TestMenu}>
           <TestComponent onRegister={onRegister} />
         </ContextMenuProvider>
       );
@@ -159,7 +159,7 @@ describe('useContextMenu', function () {
 
     it('shows context menu on right click', function () {
       render(
-        <ContextMenuProvider wrapper={TestMenu}>
+        <ContextMenuProvider menuWrapper={TestMenu}>
           <TestComponent />
         </ContextMenuProvider>
       );
@@ -174,7 +174,7 @@ describe('useContextMenu', function () {
     describe('with nested context menus', function () {
       it('shows only parent items when right clicking parent area', function () {
         render(
-          <ContextMenuProvider wrapper={TestMenu}>
+          <ContextMenuProvider menuWrapper={TestMenu}>
             <ParentComponent />
           </ContextMenuProvider>
         );
@@ -193,7 +193,7 @@ describe('useContextMenu', function () {
 
       it('shows both parent and child items when right clicking child area', function () {
         render(
-          <ContextMenuProvider wrapper={TestMenu}>
+          <ContextMenuProvider menuWrapper={TestMenu}>
             <ParentComponent>
               <ChildComponent />
             </ParentComponent>
@@ -215,7 +215,7 @@ describe('useContextMenu', function () {
         const childOnAction = sinon.spy();
 
         render(
-          <ContextMenuProvider wrapper={TestMenu}>
+          <ContextMenuProvider menuWrapper={TestMenu}>
             <ParentComponent onAction={parentOnAction}>
               <ChildComponent onAction={childOnAction} />
             </ParentComponent>
@@ -238,7 +238,7 @@ describe('useContextMenu', function () {
         const childOnAction = sinon.spy();
 
         render(
-          <ContextMenuProvider wrapper={TestMenu}>
+          <ContextMenuProvider menuWrapper={TestMenu}>
             <ParentComponent onAction={parentOnAction}>
               <ChildComponent onAction={childOnAction} />
             </ParentComponent>