@playkit-js/transcript 3.5.10 → 3.5.11-canary.0-d04edb6

package/package.json

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

package/src/components/transcript/transcript.tsx

@@ -12,7 +12,7 @@ import {TranscriptMenu} from '../transcript-menu';
 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';
-import { TranscriptEvents } from "../../events";
+import {TranscriptEvents} from '../../events/events';
 
 const {ENTER, SPACE, TAB} = ui.utils.KeyMap;
 const {withText, Text} = ui.preacti18n;
@@ -21,6 +21,8 @@ const {SidePanelModes} = ui;
 const {PLAYER_BREAK_POINTS} = ui.Components;
 const {connect} = ui.redux;
 
+const SEARCH_EVENT_DISPATCH_TIMEOUT = 2000;
+
 const translates = {
   skipTranscript: <Text id="transcript.skip_transcript">Skip transcript</Text>,
   errorTitle: <Text id="transcript.whoops">Whoops!</Text>,
@@ -170,7 +172,7 @@ export class Transcript extends Component<TranscriptProps, TranscriptState> {
           searchMap[caption.id] = {...searchMap[caption.id], [index]: i};
         });
       });
-      this.props.dispatcher(TranscriptEvents.TRANSCRIPT_SEARCH, {search: state.search});
+      this._debounced.searchEventDispatcher(state);
       return {
         searchMap,
         totalSearchResults: index,
@@ -180,6 +182,10 @@ export class Transcript extends Component<TranscriptProps, TranscriptState> {
     });
   };
 
+  private _dispatchSearchEvent = (state: TranscriptState) => {
+    this.props.dispatcher(TranscriptEvents.TRANSCRIPT_SEARCH, {search: this.state.search});
+  }
+
   private _setActiveSearchIndex = (index: number) => {
     this._scrollToSearchMatchEnabled = true;
     this.setState({
@@ -373,7 +379,8 @@ export class Transcript extends Component<TranscriptProps, TranscriptState> {
 
   private _debounced = {
     findSearchMatches: debounce(this._findSearchMatches, this.props.searchDebounceTimeout),
-    onActiveSearchIndexChange: debounce(this._setActiveSearchIndex, this.props.searchNextPrevDebounceTimeout)
+    onActiveSearchIndexChange: debounce(this._setActiveSearchIndex, this.props.searchNextPrevDebounceTimeout),
+    searchEventDispatcher: debounce(this._dispatchSearchEvent, SEARCH_EVENT_DISPATCH_TIMEOUT)
   };
 
   render(props: TranscriptProps) {

package/src/index.ts

@@ -1,4 +1,4 @@
-import { pluginName, TranscriptPlugin } from "./transcript-plugin";
+import {pluginName, TranscriptPlugin} from './transcript-plugin';
 
 declare var __VERSION__: string;
 declare var __NAME__: string;
@@ -6,7 +6,7 @@ declare var __NAME__: string;
 const VERSION = __VERSION__;
 const NAME = __NAME__;
 
-export { TranscriptEvents} from './events'
+export {TranscriptEvents} from './events/events';
 export {TranscriptPlugin as Plugin};
 export {VERSION, NAME};
 

package/src/transcript-plugin.tsx

@@ -9,7 +9,7 @@ import {PluginButton} from './components/plugin-button/plugin-button';
 import {Transcript} from './components/transcript';
 import {getConfigValue, isBoolean, makePlainText, prepareCuePoint} from './utils';
 import {TranscriptConfig, PluginStates, HighlightedMap, CuePointData, ItemTypes, CuePoint} from './types';
-import { TranscriptEvents } from "./events";
+import {TranscriptEvents} from './events/events';
 
 export const pluginName: string = 'playkit-js-transcript';
 

package/src/events/index.ts

@@ -1 +0,0 @@
-export {TranscriptEvents} from './events';