fix(VariantManagement): disabled prop disables onClick events (#119)

* fix(VariantManagement): disabled prop disables onClick events

* updated snapshots

Author: Lukas742

packages/main/src/components/FilterBar/__snapshots__/FilterBar.test.tsx.snap

@@ -8,7 +8,7 @@ exports[`FilterBar Hide Filter Bar 1`] = `
     class="FilterBar--filterBarHeader-"
   >
     <div
-      style="display: inline-block;"
+      style="pointer-events: auto; display: inline-block;"
     >
       <div
         class="Variant-Management--VariantManagement-"
@@ -172,7 +172,7 @@ exports[`FilterBar Render without crashing 1`] = `
     class="FilterBar--filterBarHeader-"
   >
     <div
-      style="display: inline-block;"
+      style="pointer-events: auto; display: inline-block;"
     >
       <div
         class="Variant-Management--VariantManagement-"
@@ -325,7 +325,7 @@ exports[`FilterBar Select Filter Item 1`] = `
     class="FilterBar--filterBarHeader-"
   >
     <div
-      style="display: inline-block;"
+      style="pointer-events: auto; display: inline-block;"
     >
       <div
         class="Variant-Management--VariantManagement-"

packages/main/src/components/VariantManagement/__snapshots__/VariantManagement.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`VariantManagement Render without crashing 1`] = `
 Array [
   <div
-    style="display: inline-block;"
+    style="pointer-events: auto; display: inline-block;"
   >
     <div
       class="Variant-Management--VariantManagement-"

packages/main/src/components/VariantManagement/index.tsx

@@ -160,6 +160,7 @@ const VariantManagement: FC<VariantManagementPropTypes> = forwardRef(
         headerText={popupTitle}
         placementType={placement}
         openBy={variantManagementButton}
+        openByStyle={{ pointerEvents: disabled ? 'none' : 'auto' }}
         footer={footerButtons}
         className={className}
         innerStyles={style}