@playkit-js/transcript 3.5.2-canary.0-ff51a39 → 3.5.2-canary.0-aaedc6e

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@playkit-js/transcript",
-  "version": "3.5.2-canary.0-ff51a39",
+  "version": "3.5.2-canary.0-aaedc6e",
   "main": "dist/playkit-transcript.js",
   "license": "AGPL-3.0",
   "private": false,

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

@@ -24,6 +24,7 @@ export const PluginButton = ({isActive, label, id, icon, dataTestId, setRef}: Pl
               setRef(node);
             }
           }}
+          type="button"
           aria-label={label}
           className={[ui.style.upperBarIcon, styles.pluginButton, isActive ? styles.active : ''].join(' ')}
           data-testid={dataTestId}>

package/src/components/transcript/transcript.tsx

@@ -13,7 +13,7 @@ import {SmallScreenSlate} from '../small-screen-slate';
 import {Button, ButtonType, ButtonSize} from '@playkit-js/common/dist/components/button';
 import {OnClickEvent, OnClick} from '@playkit-js/common/dist/hoc/a11y-wrapper';
 
-const {ENTER, SPACE, TAB, ESC} = ui.utils.KeyMap;
+const {ENTER, SPACE, TAB} = ui.utils.KeyMap;
 const {withText, Text} = ui.preacti18n;
 
 const {SidePanelModes} = ui;
@@ -372,12 +372,6 @@ export class Transcript extends Component<TranscriptProps, TranscriptState> {
     onActiveSearchIndexChange: debounce(this._setActiveSearchIndex, this.props.searchNextPrevDebounceTimeout)
   };
 
-  private _handleEsc = (event: KeyboardEvent) => {
-    if (event.keyCode === ESC) {
-      this.props.onClose(event, true);
-    }
-  };
-
   render(props: TranscriptProps) {
     const {isLoading, kitchenSinkActive, hasError, smallScreen, toggledWithEnter} = props;
     const renderTranscriptButtons = !(isLoading || hasError);
@@ -387,7 +381,6 @@ export class Transcript extends Component<TranscriptProps, TranscriptState> {
         ref={node => {
           this._widgetRootRef = node;
         }}
-        onKeyUp={this._handleEsc}
         data-testid="transcript_root">
         {smallScreen ? (
           <SmallScreenSlate onClose={this.props.onClose} toggledWithEnter={toggledWithEnter} />