@playkit-js/moderation 3.2.6 → 3.2.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@playkit-js/moderation",
-  "version": "3.2.6",
+  "version": "3.2.7",
   "main": "dist/playkit-moderation.js",
   "private": false,
   "bugs": {
@@ -74,14 +74,14 @@
     "html5 player"
   ],
   "dependencies": {
-    "@playkit-js/common": "^1.2.9",
-    "@playkit-js/playkit-js-ui": "^0.77.2",
-    "@playkit-js/ui-managers": "^1.3.10"
+    "@playkit-js/common": "^1.2.10",
+    "@playkit-js/playkit-js-ui": "^0.77.3",
+    "@playkit-js/ui-managers": "^1.3.11"
   },
   "kaltura": {
     "name": "playkit-js-moderation",
     "dependencies": {
-      "playkit-ui-managers": "1.3.10"
+      "playkit-ui-managers": "1.3.11"
     }
   }
 }

package/src/components/plugin-button/plugin-button.tsx

@@ -1,7 +1,6 @@
 import {h} from 'preact';
 import {icons} from '../icons';
 import {ui} from '@playkit-js/kaltura-player-js';
-import {A11yWrapper, OnClick} from '@playkit-js/common/dist/hoc/a11y-wrapper';
 
 const {Tooltip, Icon} = KalturaPlayer.ui.components;
 const {withText, Text} = KalturaPlayer.ui.preacti18n;
@@ -11,14 +10,12 @@ const translates = {
 };
 
 interface PluginButtonProps {
-  onClick: OnClick;
   label?: string;
 }
 
-export const PluginButton = withText(translates)(({onClick, label}: PluginButtonProps) => {
+export const PluginButton = withText(translates)(({label}: PluginButtonProps) => {
   return (
     <Tooltip label={label} type="bottom">
-      <A11yWrapper onClick={onClick}>
         <button aria-label={label} className={ui.style.upperBarIcon} data-testid="moderationPluginButton">
           <Icon
             id="moderation-plugin-button"
@@ -28,7 +25,6 @@ export const PluginButton = withText(translates)(({onClick, label}: PluginButton
             path={icons.PLUGIN_ICON}
           />
         </button>
-      </A11yWrapper>
     </Tooltip>
   );
 });

package/src/moderation-plugin.tsx

@@ -185,7 +185,7 @@ export class ModerationPlugin extends KalturaPlayer.core.BasePlugin {
     this.player.ready().then(() => {
       this._pluginIcon = this.upperBarManager!.add({
         label: 'Moderation',
-        component: () => <PluginButton onClick={this._toggleOverlay} />,
+        component: () => <PluginButton />,
         svgIcon: {path: icons.PLUGIN_ICON, viewBox: `0 0 ${icons.BigSize} ${icons.BigSize}`},
         onClick: this._toggleOverlay
       }) as number;